易网时代-编程资源站
Welcome
微信登录
编程资源
图片资源库
蚂蚁家优选
PDF转换器
软件资源
软件开发
、
小程序制作
、
系统集成与运维
、
空间租用
、
硬件开发
、
视频监控
、
技术咨询与支持
——联系电话：0311-88999002/88999003
首页
/
脚本样式
/
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
网站地图
易网时代-编程资源站
易网时代-编程资源站