Dom 结点创建 基础知识


Posted in Javascript onOctober 01, 2011
var body = document.body; 
var html = document.documentElement; 
var div = document.createElement("div"); 
var p = document.createElement("p"); 
var ali = document.createTextNode("alipay"); 
p.appendChild(ali); 
div.appendChild(p); 
div.setAttribute("id","fn-div"); 
div.setAttribute("class","fn-class"); 
body.appendChild(div); var arr = div.attributes; 
for(var i=0;i<arr.length;i++){ 
console.log(arr[i].name + ":" + arr[i].value); 
}
Javascript 相关文章推荐
JavaScript 无符号右移赋值操作
Apr 17 Javascript
JS在IE和FireFox之间常用函数的区别小结
Mar 12 Javascript
JavaScript中提前声明变量或函数例子
Nov 12 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
Aug 20 Javascript
JS图片放大效果简单实现代码
Sep 08 Javascript
浅谈mvvm-simple双向绑定简单实现
Apr 18 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
Aug 24 Javascript
Vue中android4.4不兼容问题的解决方法
Sep 04 Javascript
超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法
Jan 27 Javascript
vue使用vuex实现首页导航切换不同路由的方法
May 08 Javascript
vue滑动吸顶及锚点定位的示例代码
May 10 Javascript
微信小程序的引导页实现代码
Jun 24 Javascript
JavaScript 的继承
Oct 01 #Javascript
Jquery 的扩展方法总结
Oct 01 #Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
Oct 01 #Javascript
jQuery EasyUI API 中文文档 - Panel面板
Sep 30 #Javascript
JQuery获取文本框中字符长度的代码
Sep 29 #Javascript
Jquery Change与bind事件代码
Sep 29 #Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
Sep 29 #Javascript
You might like
ThinkPHP登录功能的实现方法
2014/08/20 PHP
Yii2.0框架模型多表关联查询示例
2019/07/18 PHP
laravel ORM关联关系中的 with和whereHas用法
2019/10/16 PHP
laravel数据库查询结果自动转数组修改实例
2021/02/27 PHP
javascript 异步页面查询实现代码(asp.net)
2010/05/26 Javascript
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
2010/08/05 Javascript
kmock javascript 单元测试代码
2011/02/06 Javascript
Jqyery中同等与js中windows.onload的应用
2011/05/10 Javascript
jQuery文本框(input textare)事件绑定方法教程
2013/04/24 Javascript
JS获取select的value和text值的简单实例
2014/02/26 Javascript
javascript中键盘事件用法实例分析
2015/01/30 Javascript
jQuery实现判断滚动条到底部
2015/06/23 Javascript
AngularJS自定义插件实现网站用户引导功能示例
2016/11/07 Javascript
javascript获取以及设置光标位置
2017/02/16 Javascript
基于Bootstrap的网页设计实例
2017/03/01 Javascript
ES6学习教程之块级作用域详解
2017/10/09 Javascript
bootstrap fileinput插件实现预览上传照片功能
2018/01/23 Javascript
vue初尝试--项目结构(推荐)
2018/01/30 Javascript
vue组件中的样式属性scoped实例详解
2018/10/30 Javascript
vue中使用v-model完成组件间的通信
2019/08/22 Javascript
VUE项目实现主题切换的多种方法
2020/11/26 Vue.js
Saltstack快速入门简单汇总
2016/03/01 Python
sublime text 3配置使用python操作方法
2017/06/11 Python
python实现flappy bird游戏
2018/12/24 Python
利用python实现逐步回归
2020/02/24 Python
TensorFlow2.X结合OpenCV 实现手势识别功能
2020/04/08 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
详解Python中@staticmethod和@classmethod区别及使用示例代码
2020/12/14 Python
CSS3动画和HTML5新特性详解
2020/08/31 HTML / CSS
英国最大的独立玩具专卖店:The Entertainer
2019/09/06 全球购物
电大毕业生自我鉴定
2013/11/10 职场文书
农民入党思想汇报
2014/01/03 职场文书
2014年招生工作总结
2014/11/26 职场文书
《坐井观天》教学反思
2016/02/18 职场文书
Python语言规范之Pylint的详细用法
2021/06/24 Python