原生JS改变HTML内容
2015-05-21 15:58
411 查看
最近发现总是把原生JS语法和诸多框架库神马的语法搞混,打算暂时弃用各种库,回归到原生来,好好抠一抠所有的细节,跳一跳各种坑,才能飞得更远。PS. 突然想起冰火里面三眼乌鸦对布兰说的那句话——You’ll never walk………but you’ll fly. 期待看到布兰变龙(maybe)飞起来的那天~~~
well,快点回神!
改变 HTML 输出流
JavaScript 能够创建动态的 HTML 内容:
在 JavaScript 中,
提示:绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档。
改变 HTML 内容
修改 HTML 内容的最简单的方法时使用
如需改变 HTML 元素的内容,请使用这个语法:
改变 HTML 属性
如需改变 HTML 元素的属性,请使用这个语法:
几个容易混淆的用法:
1、
(获得td、div等html元素时候,它们是没有value或是text属性,只能用innerHtml)
2、
(Button、CheckBox、Radio)随表单一起发送的值;
(Reset、Submit)标签;
(Text、Hidden)默认值;
(File、Password)
(注: Text控件用value有效)
3、
well,快点回神!
改变 HTML 输出流
JavaScript 能够创建动态的 HTML 内容:
在 JavaScript 中,
document.write()可用于直接向 HTML 输出流写内容。
提示:绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档。
改变 HTML 内容
修改 HTML 内容的最简单的方法时使用
innerHTML属性。
如需改变 HTML 元素的内容,请使用这个语法:
document.getElementById(id).innerHTML=new HTML
改变 HTML 属性
如需改变 HTML 元素的属性,请使用这个语法:
document.getElementById(id).attribute=new value
几个容易混淆的用法:
1、
innerHtml是标签内的文本,输入输出到该DOM内部纯HTML代码(流);
(获得td、div等html元素时候,它们是没有value或是text属性,只能用innerHtml)
2、
value是表单元素特有的属性,输入输出的是转义文本(字符串);
(Button、CheckBox、Radio)随表单一起发送的值;
(Reset、Submit)标签;
(Text、Hidden)默认值;
(File、Password)
(注: Text控件用value有效)
3、
html和
text都是jquery/zepto的方法,只对jq对象有用
相关文章推荐
- js改变html的原有内容
- js改变html的原有内容实现方法
- JS实现改变HTML上文字颜色和内容的方法
- js innerHTML 改变div内容的方法
- 使用原生JS来改变HTML文档的几种方法
- js innerHTML 改变div内容的方法
- js innerHTML 改变div内容的方法
- js innerHTML 改变div内容的方法
- js innerHTML 改变div内容的方法
- 使用ajax和js无刷新改变页面内容和地址栏URL
- js将html中的内容导出word、或者excel文件的方法
- 在Python中使用CasperJS获取JS渲染生成的HTML内容的教程
- 开发日志:js当文本框输入非中文字符时,提示只能输入中文并将非中文字符清空【兼容IE、FF,适用于当文本框内容改变就立刻触发事件的其他功能性需求】
- iOS 基于JavaScriptCore 不等webView加载完毕就交互,网页获取原生内容。 webView的高级用法之JS交互,js与oc的相互调用
- HTML联动下拉框的内容使用js显示到文本域textarea
- JS函数修改html的元素内容,及修改属性内容的方法
- js获取html内容
- THREE.js 第一部分 canvas_ascii_effect.html 内容分析
- JS Range HTML文档/文字内容选中、库及应用介绍
- 原生js实现对select下拉列表的内容过滤