javascript操作HTML的dom中的TITLE的疑问!

html-css029

javascript操作HTML的dom中的TITLE的疑问!,第1张

obj_title已经指向head的子节点 即title节点了

你再在obj_title.firstChild就是指向title节点的子节点。。你文中并不存在title的子节点啊。。自然就是null

js在特定位置动态添加html可以利用HTML DOM appendChild() 方法。例子：var div1 = document.createElement("div")div1.id = "div1"var div2 = document.createElement("div")div2.id ="div2"document.body.appendChild(div1)div1.appendChild(div2)appendChild()定义和用法：appendChild() 方法向节点添加最后一个子节点。提示：如果您需要创建包含文本的新段落，请记得添加到段落的文本的文本节点，然后向文档添加该段落。您也可以使用 appendChild() 方法从一个元素向另一个元素中移动元素。从一个列表向另一个列表中移动列表项：var node=document.getElementById("myList2").lastChilddocument.getElementById("myList1").appendChild(node)

js获取html元素的方式

+通过ID获取：getElementById('id属性值')

+通过标签名：getElementsByTagName('标签名')

+通过类名：getElementsByClassName('类名')

+通过name属性：getElementsByName('name属性值')

+通过选择器获取一个元素：querySelector

+通过选择器获取一组元素：querySelectorAll

1.获取id值为d1的html元素

将获取到的html元素称为DOM节点对象，必须传参数，参数是string类型，是获取元素的id。返回值只获取到一个元素，没有找到返回null。

2.通过标签名：getElementsByTagName('标签名')

参数是是获取元素的标签名属性，不区分大小写，根据标签名获取html元素， 返回的是一个数组(伪数组) 

通过类名：getElementsByClassName('类名')

参数是元素的类名，返回值是一个类数组，没有找到返回空数组。

通过类名：getElementsByClassName('类名')

必须传参数，参数是是获取元素的name属性，返回值是一个类数组，没有找到返回空数组。

通过选择器获取一个元素：querySelector

参数是选择器，返回值只获取到第一个元素。

通过选择器获取一组元素：querySelectorAll

参数是选择器，返回值是一个数组。