gpt4 book ai didi

JavaScript 获取 Div 的 ID

转载 作者:行者123 更新时间:2023-11-30 09:02:16 24 4
gpt4 key购买 nike

我有一个 div 框及其 id 和一个 textarea。当我点击我的 div 框时,我应该通过 Javascript 获取 div ID 并将其打印在 textarea 上。我试过了,但没有用。当我单击文本区域时,它显示“未定义”。请帮助我。

代码如下:

<html>
<head>

<script type="text/javascript">
function get_id()
{
var divEls = document.getElementsByTagName("div");
var textEl = document.getElementById("mytextarea");
textEl.value=divEls.id;
}
</script>

</head>
<body>
<div id="mydiv" onclick="get_id()" style='border-width:1px;border-color:#C0C0C0;border-style: solid;background-color:#C0C0C0;width:130px;height:10px;'>
</div>

<textarea id="mytextarea"> </textarea>
</body>
</html>

最佳答案

getElementsByTagName 返回 DOM 节点的 nodeList,其作用类似于数组。

您需要先选择节点列表中的第一项,然后才能访问节点的 ID:

textEl.value = divEls[0].id;

或者,您可以将 this 传递给 get_id():

function get_id(node) {
var textEl = document.getElementById('mytextarea');
textEl.value = node.id;
}

onclick="get_id(this)"

但老实说,所有 JavaScript 都应该在您的 HTML 文件之外。 HTML属于.html文件,CSS属于.css文件,JS属于.js文件。

//i haven't checked this code, and you probably want to modify it to be more generic.
window.onload = function () {
var myDiv, myTextArea;
myDiv = document.getElementById('mydiv');
myTextArea = document.getElementById('mytextarea');
myDiv.onclick = function () {
myTextArea.value = myDiv.id;
};
};

关于JavaScript 获取 Div 的 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8313833/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com