javascript创建属性节点对象代码实例

创建一个元素节点是比较常见的操作，使用document.createElement()函数即可实现。

具体可以参阅js createElement()函数的作用一章节。

下面是一段能够实现此功能的代码实例，它能够创建一个属性节点，并添加到响应的元素上。

代码如下:

[ bootstrap ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<style type="text/css">
.setcolor{
  color:green;
}
</style>
<script type="text/javascript">
window.onload=function(){
  var obt=document.getElementById("bt");
  var attr=document.createAttribute("class");
  attr.value="setcolor";
  obt.onclick=function(){
    obt.setAttributeNode(attr);
  }
} 
</script> 
</head> 
<body> 
<input type="button" id="bt" value="查看效果"/>
</body> 
</html>

代码描述：javascript创建属性节点对象。javascript创建属性节点对象代码实例

下载全部收藏

145 194

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册