JavaScript基础 创建节点 为节点添加属性 将节点挂载到body节点下 document.createElement setAttribute appendChild
2017-05-03 11:34
731 查看
镇场诗:
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
result:
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方,请留下评论,我会认真思考的。
注:我是一位正在努力的普通人,此文仅供测试与参考使用,不可做其他用途。当参考博文内容时,代表您已接受使用条款。
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title></title> 6 <meta charset="utf-8" /> 7 <script type="text/javascript"> 8 window.onload = function () { 9 //创建p标记,未挂载 10 var nodeP = document.createElement("p"); 11 //添加属性值 12 nodeP.setAttribute("style","background-color:red;width:100px;height:100px;"); 13 14 //将标记P 挂载到 body上 15 document.body.appendChild(nodeP); 16 } 17 </script> 18 </head> 19 <body> 20 <!--本来无一物呀,人们后加的--> 21 </body> 22 </html>
result:
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方,请留下评论,我会认真思考的。
注:我是一位正在努力的普通人,此文仅供测试与参考使用,不可做其他用途。当参考博文内容时,代表您已接受使用条款。
相关文章推荐
- JavaScript基础 创建节点 为节点添加属性 将节点挂载到body节点下 document.createElement setAttribute appendChild
- JavaScript基础 为body节点下的第一个子节点p 添加style属性 添加背景颜色 firstChild setAttribute
- JavaScript基础 为body节点下的第一个子节点p 添加style属性 添加背景颜色 firstChild setAttribute
- 【随笔记录】document.createElement创建添加属性
- JavaScript基础 通过id查找节点 通过节点的style属性添加鼠标放上出现小手的效果 getElementById style
- JavaScript基础 通过id查找节点 通过节点的style属性添加鼠标放上出现小手的效果 getElementById style
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- javascript中document.appendChild和document.body.appendChild的问题
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript基础 删除属性removeAttribute 删除Body节点下第一个子节点的style属性
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript基础 找到body节点 document.body
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript基础 删除属性removeAttribute 删除Body节点下第一个子节点的style属性