使用Javascript'；s document.getElementByID以获取div的子级

我目前正在尝试使用Javascript访问HTML5中父节点的子节点。我最初尝试直接呼叫div，但没有成功：（。以下代码是我从Mozilla网站获得的代码：

文件
你好word1

你好，word2

你好word3

你好，word4

var parentDOM=document.getElementById（'parent-id'）；
var test1=parentDOM.getElementById（'test1'）；

由于ID是唯一的，您必须使用

document.getElementById

，因为它是唯一具有该功能的DOM元素。因此，要获取

test1

请使用以下方法：

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

除

文档

之外的元素具有以下功能：

getElementsByTagName

、

getElementsByClassName

、

querySelector

和

querySelectorAll

但不包括

getElementById

---

具有ID的元素无论其父元素是什么，都是唯一的。因此，在使用元素ID获取该元素之前，不必知道该元素的父元素。因此，无需将函数

getElementById

放在所有元素上，只将其放在

文档

上将进行筛选。

因为您将jQuery列为标记-这是一个jquery答案-它也只使用元素id来定位元素。我是console.logging该元素的文本-一旦选择了元素，您可以更改文本、样式、添加类或对其执行任何操作

$（文档）.ready（函数（）{
var test1=$（“#test1”）；
var test1Text=test1.text（）；
log（test1Text）；
})

文件
你好word1

你好，word2

你好word3

你好，word4

您参考的代码是一个抛出错误的脚本示例。您应该参考顶部标题为“语法”的示例。：

element = document.getElementById(id);

因此，要获取对ID为“test1”的元素的引用，只需调用：

document.getElementById("test1")

---

您可以使用querySelector，它是本机javascript（但jquery风格）和所有浏览器（一直到IE9）

---

id在文档中是唯一的，因此您几乎总是使用

document.getElementById

来按id查找元素。

parentDOM.querySelector（“#test1”）

如果出于某种原因确实需要它。

document.getElementById（“test1”）

应该可以工作。您可以使用

document.querySelector（“#parent id#test1”）

var parentDOM = document.querySelector('#parent-id');
var test1 = parentDOM.querySelector('#test1');