Javascript 定位 ID 中的子元素

Question

我目前正在学习 javascript 并有一个问题。我试图只针对 div id=title 中的 h1 标签我尝试了几种方法，将其用作参考站点等：http : //www.ibm.com/developerworks/library/wa-jsanddom-pr/sidefile1 .html

但似乎没有任何工作，我取回值“未定义”基本上我想要做的只是针对 h1 并将文本更改为其他内容。我怎么做？这是沿着正确的道路还是有不同的方法来做到这一点？

<div id="title">
    <h1>Javascript Lesson 1</h1>
    <p>The basics</p>
</div>

<script>
var title = document.getElementById('title');
    var titleHeading = title.firstChild;
    console.log (title.value);
</script>

任何帮助是极大的赞赏。谢谢。

Answer 1

看看Element.getElementsByTagName。

var titleElement = document.getElementById("title");
var titleChildren = titleElement.getElementsByTagName("H1");

// Do something with children.
// In your example code, you'll only have one element returned
console.log(titleChildren[0].innerHTML);

// To change the text, simply access the innerHTML property
titleChildren[0].innerHTML = "[New Value]"

这是一个可以玩的工作小提琴。