javascript - 将 div 元素传递给 JavaScript 函数

Question

是否可以将 div/span 元素传递给 JavaScript 函数？我知道可以将唯一 ID 设置为 div/span 并以这种方式获取它，但如果我能以某种方式传递整个元素，那对我来说会更干净。这也需要在页面加载时完成，因此onclick在这种情况下事件也不起作用。

例子：

<div>
    <script>myFunction(div element should be passed trough here);</script>              
</div>

Answer 1

创建一个div具有id属性的子项作为您想要的子项div。创建一个script内部，一旦加载就会获取内部divan 用于parentNode获取初始值div：

<div>
    <div id="myID"><script>myFunction();</script></div>             
</div>

在javascript中：

  function myFunction(){
        var element = document.getElementById('myID');
        var wantedDiv = element.parentNode; // this will give you the parent div so you can do what ever you want with it
        // do something here with wantedDiv
    }

我添加了一个有效的 jsFiddle

Answer 2

在这种情况下，this案例将是window元素。

如果你想得到你的<div>元素：

var myDiv = document.getElementsByTagName('div');

如果您有多个 div，则必须添加一个 id 或这样的类：

• 设置一个 id ：

  <div id="myId"></div>

• 通过 id 获取元素：

var myDiv = document.getElementById('myId');

• 设置一个类：

  <div class="myClass"></div>

• 按类获取元素：

var myDiv = document.getElementsByClass('myClass');

那些你有 myDiv 变量你可以做这样的事情：

myDiv.onload = function(event) {
    // "this" is your div element
    // do something here
}