易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
javascript DOM实用学习资料第1/3页
访问指定节点：
getElementsByName（）:
<html> <head> <title>DOM技术</title> </head> <body> <form method="post" action="document.cgi"> <fieldset> <legend>选择你喜欢的颜色！</legend> <input type="radio" name="color" value="red"/>red <input type="radio" name="color" value="green"/>green <input type="radio" name="color" value="blue"/>blue </fieldset> <input type="submit" value="submit"> </form> <script language="javascript"> var oRadios=document.getElementsByName（"color"）; alert（oRadios[0].getAttribute（"value"））; </script> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
<html> <head> <title>DOM技术</title> </head> <body> <form method="post" action="document.cgi"> <fieldset> <legend>选择你喜欢的颜色！</legend> <input type="radio" name="color" value="red"/>red <input type="radio" name="color" value="green"/>green <input type="radio" name="color" value="blue"/>blue </fieldset> <input type="submit" value="submit"> </form> <script language="javascript"> var oRadios=document.getElementsByName（"color"）; alert（oRadios[0].getAttribute（"value"））; </script> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
getElementById（）:
<html> <head> <title> </title> <script type="text/javascript"> function getValue（）{ var odiv1=document.getElementById（"div1"）; odiv1.innerText="hello！"; } </script> </head> <body onload="getValue（）"></body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
<html> <head> <title> </title> <script type="text/javascript"> function getValue（）{ var odiv1=document.getElementById（"div1"）; odiv1.innerText="hello！"; } </script> </head> <body onload="getValue（）"></body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
createElement（）:
<html> <head> <title>创建节点</title> </head> <body onload="createM（）"> </body> </html> <script language="javascript"> function createM（）{ var op=document.createElement（"p"）; var otext=document.createTextNode（"你好！"）; op.appendChild（otext）; document.body.appendChild（op）; } </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
<html> <head> <title>创建节点</title> </head> <body onload="createM（）"> </body> </html> <script language="javascript"> function createM（）{ var op=document.createElement（"p"）; var otext=document.createTextNode（"你好！"）; op.appendChild（otext）; document.body.appendChild（op）; } </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
removeChild（）:
<html> <head> <title>删除节点</title> <script language="javascript"> function removeM（）{ var op=document.body.getElementsByTagName（"p"）[0]; document.body.removeChild（op）; } </script> </head> <body onload="removeM（）"> 你好！<br/> hello world！<br/> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
<html> <head> <title>删除节点</title> <script language="javascript"> function removeM（）{ var op=document.body.getElementsByTagName（"p"）[0]; document.body.removeChild（op）; } </script> </head> <body onload="removeM（）"> 你好！<br/> hello world！<br/> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
当前1/3页
1
23下一页
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站