博客列表 >这是关于DOM的硬性知识,一直更新ing...

这是关于DOM的硬性知识,一直更新ing...

夜澜风的博客
夜澜风的博客原创
2019年03月31日 00:42:22752浏览

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>DOM访问节点</title>
</head>
<body>
	<script type="text/javascript">
	//通过对元素的ID 访问,这是DOM一个基础的访问页面元素的方法,返回的是单个节点
    document.getElementById('')

    //仅用于inputradio checkbox等元素,返回名子为name的元素数组返回的是节点列表
    document.getElementsByName('')

    //返回具有tagname的元素列表数组,处理大的DOM结构会用到它返回的是节点列表 TagName:标签名
	document.getElementsByTagName('')

	//返回具有ClassName的元素列表数组,处理大的DOM结构会用到它返回的是节点列表 
	document.getElementsByClassName('')

	innerHTML // 特别注意:innerHTML在JS是双向功能:获取对象的内容 或 向对象插入内容;
	// 如:<div id="aa">这是内容</div> ,我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容;
	// 也可以对某对象插入内容,如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容。
	// 
    getAttribute("如:找到iput value的值")   //获取节点的值

    setAttribute("需要被改的值","要改成的值")  //设置节点的值

	</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议