访问XHTML元素

最新推荐文章于 2021-06-25 12:17:51 发布

cmhummer

最新推荐文章于 2021-06-25 12:17:51 发布

阅读量136

点赞数

分类专栏： Web开发文章标签： XHTML JavaScript ViewUI

本文链接：https://blog.csdn.net/cmhummer/article/details/83854651

版权

Web开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

为了动态修改XHTML元素，必须能访问XHTML元素，DOM提供了2种方式来访问XHTML元素：

-- 根据id访问

-- 利用节点关系访问

（1）根据ID访问XHTML元素

document.getElementByID(idVal) : 返回文档中id属性值为idVal的XHTML元素

例如：

<script type="text/javascript">
	function accessById()
	{
		alert(document.getElementById("a").innerHTML + "\n"
		+ document.getElementById("b").value);
	}
	
</script>
 <body>
  <div id="a">中国</div>
   <textarea rows="3" cols="25" id="b">我是中国人</textarea>
   <br /> 
   <input type="button" value="访问" οnclick="accessById()" />
 </body>

（2）利用节点关系访问XHTML元素

一旦获取了某个XHTML元素，由于该元素实际上与DOM树的某个节点对应，因此可以利用节点间的父子、兄弟关系来访问XHTML元素。

利用节点关系访问XHTML元素的属性和方法如下：

Node parentNode：返回当前节点的父节点。只读属性

Node previousSibling: 返回当前节点的前一个兄弟节点，只读属性

Node nextSibling: 返回后一个兄弟节点

Node[] childNodes: 返回当前节点的所有子节点，只读属性

Node[] getElementsByTagName(tagName): 返回当前节点的具有指定标签名的所有子节点。

Node firstChild: 返回当前节点的第一个子节点

Node lastChild：最后一个子节点

（3）访问表单域控件

表单在DOM 中由HTMLFormElement对象表示，常用属性：