0

可能重复：
从 JavaScript 访问 DIV 元素

我有一个 HTML 代码，如：

<div id="headerlist" >
<h3> Enrollment Efficiency</h3>
</div>

我必须访问元素注册效率

我正在尝试：

var headerlist = document.getElementsById('headerlist');
alert("the value of headerlist is "+ headerlist.firstChild);

但它不起作用。

4

5 回答 5

3

只是一个错字。它是getElementById()（那里没有复数s）。

var headerlist = document.getElementById('headerlist');

Anid在整个文档中应该是唯一的，因此这个函数应该只返回一个元素。如果可以匹配多个元素，例如 with getElementsByName()，则存在复数s。

编辑

正如@Cerbrus 所述：该firstChild属性仅指向第一个子元素，而不是其内容。

在这里备注：

  1. 您的firstChild示例中的 只是一个空白文本节点。如果您想使用下一个非空白节点firstElementChild（大多数现代浏览器都支持）。

  2. 要显示内容，请使用类似innerHTMLor的东西textContent。

于 2013-01-08T08:43:42.383 回答
2

功能getElementByid是单数，不是复数。

于 2013-01-08T08:42:55.420 回答
1

就像其他人所说，删除sfrom getElementsById--> getElementById。

此外，将返回分隔andfirstChild的 textNode 。试试这个：divh3

function getFirstChild(element) {
    do { 
        element = element.firstChild;
    } while (element && element.firstChild!== 1);
    return element;
}
// Usage: getFirstChild(headerlist);

导致：

var headerlist = document.getElementById('headerlist');
console.log("the value of headerlist is ", getFirstChild(headerlist).innerHTML);
于 2013-01-08T08:48:12.923 回答
0

可能您想访问内部 HTML 元素的数据。所以这是你的代码如何实现它

检查这里

您可以通过以下方式访问父元素的所有子元素。

<!DOCTYPE html>
<html>
<body>
<div id="amu">
<div id="a"> aa </div>
<h1>aaaa </h1>
<h3> bbbb </h3>
</div>

<div onclick="check()"> click Me </div>
</body>
<script>
function check() {
var childNodeArray = document.getElementById('amu').getElementsByTagName('*');
alert(childNodeArray.length);
for (i=0; i < childNodeArray.length; i++)
alert(childNodeArray[i].innerHTML);
}
</script>
</html>
于 2013-01-08T08:58:29.180 回答
-1

在 jQuery 中尝试此代码（javascript 中的库）

alert($("#headerlist").eq(0).text());

演示

于 2013-01-08T08:46:40.323 回答