（21）使用DOM操作元素
2014-07-18 10:54
232 查看
除了使用"."和“[]”访问元素之外，还能用DOM来操作元素，例如有设置setAttribute（名称，值），获取getAttribute（名称），移除removeAttribute（名称）；
<!DOCTYPE HTML>
<!--
使用DOM操作元素
-->
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.onload=function()
{
var oTxt=document.getElementById('txt1');
var oBtn=document.getElementById('btn1');
oBtn.onclick=function()
{
//oTxt.value='aaaaaa';//第一种访问方式
//oTxt['value']='xxxxx';//第二种访问方式
oTxt.setAttribute('value','sdsafa');
};
};
</script>
</head>
<body>
<input id="txt1" type="text"/>
<input id="btn1" type="button" value="按钮"/>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用JavaScript操作DOM节点元素的常用方法(创建/删除/替换/复制等)
- 坑：在angular内使用DOM操作添加元素，被添加的元素不再具有使用ng指令的能力
- 使用javaScript和DOM操作svg元素
- 37、实例 使用jQuery操作DOM之插入元素
- 使用jQuery对页面元素（或者标签）进行Dom操作（增加和删除），电力项目
- 十六、使用jQuery操作元素 —— DOM属性与HTML元素属性
- 13、使用jQuery操作DOM之操作元素
- c#使用selenium截图，操作dom元素
- 39、实例 使用jQuery操作DOM之复制元素
- 38、实例 使用jQuery操作DOM之删除元素
- 使用Javascript操作DOM的一些方法--元素的访问/复制等
- 使用DOM操作XML文档
- jQuery使用手册之二 DOM操作
- 使用JS操作页面表格，元素的一些技巧
- Javascript里使用Dom操作Xml
- JAVASCRIPT中使用DOM操作XML文档
- Javascript里使用Dom操作Xml
- 如何在 Watir 中使用 XPath 定位和操作页面元素
- Javascript里使用Dom操作Xml
- 使用DOM动态改变页面外观----读取和设定元素属性