本月博客排行
-
第1名
Xeden -
第2名
fantaxy025025 -
第3名
bosschen - paulwong
- johnsmith9th
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - gengyun12
- wy_19921005
- vipbooks
- e_e
- wallimn
- benladeng5225
- ranbuijj
- javashop
- fantaxy025025
- jickcai
- robotmen
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- sam123456gz
- zysnba
- sichunli_030
- gdpglc
- tanling8334
- gaojingsong
- arpenker
- xpenxpen
- kaizi1992
- wiseboyloves
- jh108020
- xyuma
- ganxueyun
- wangchen.ily
- xiangjie88
- Jameslyy
- luxurioust
- mengjichen
- lemonhandsome
- jbosscn
- nychen2000
- zxq_2017
- wjianwei666
- lzyfn123
- forestqqqq
- ajinn
- siemens800
- hanbaohong
- 狂盗一枝梅
- java-007
- zhanjia
- 喧嚣求静
最新文章列表
innerHTML和innerText的用法(动态改变网页内容) (转帖)
innerHTML和innerText的用法(动态改变网页内容)
博客分类:
CSS/HTML
JavaScriptHTML脚本
最近在学习JavaScript,觉得innerHTML和innerText太有用了,利用它们,我们可以试自己的网页实现动态化。不过在使用的过程中,千万要注意它们的大小写,因为错一点您就得不到预期的效果了。这是全新的方法,当您掌握它以后将可随心所欲的设计 ...
innerHTML、innerText和outerHTML、outerText的区别
1.区别描述如下:
innerHTML 设置或获取位于对象起始和结束标签内的 HTML
outerHTML 设置或获取对象及其内容的 HTML 形式
innerText 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本
innerText和outerText在获取时是相同效果,但在设置时,innerText仅设置标签内 ...
IE下给DIV设置innerHTML时报未知的错误
和很多朋友说的一样,在Firefox下可以正常使用,但在IE下就会有未知运行时错误
例如:我的代码如下:
原代码:
<div class="con4">
<div class="conbg">
<table style="background-color:#fff;">
...
innerHTML的一些总结
项目偶尔会遇到使用innerHTML对元素内容进行赋值导致注册的事件失效或元素对象无法找到等问题,在这里总结innerHTML自身的一些问题
1、当innerHTML中包含javascript代码,需在defer关键字,如<script defer>…</script>,否则无法执行。这种方法有一定的危险性,处理不当,容易引起脚本注入攻击。
2、设置innerHTML ...
js中innerHTML与innerText的用法与区别
innerHTML与innerText的用法与区别
用法:
<div id="test">
<span style="color:red">test1</span> test2
</div>
在JS中可以使用:
test.innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Ht ...
通过innerHTML动态插入的script无法执行的解决方法
很多时候,需要通过innerHTML动态插入javascript代码到指定的div中,或者通过ajax请求回来的内容里面包含javascript代码,然后把该代码插入指定的div中,但是插入后的script却无法执行。
原因:直接通过innerHTML动态嵌入的script,浏览器会当做普通的文本,不会当作SCRIPT节点维护到DOM里面,所以调用的时候找不到。
解决方法:用innerH ...
由于html标签嵌套错误引发的一些问题
前一阵写代码的时候遇到了一些很莫名奇妙的现象,代码的运行结果与我的预期出入很大,但是程序本身并没有错误。当时我正在为自己写的一个小程序写文档,格式为html,因为有很多的JS代码,为了便于阅读自己添加了一些实现代码高亮显示的代码。代码并不是很复杂,当时我的页面中存在很多这种结构的HTML:
<h2>sub title</h2>
<p>
some t ...
关于在IE下对Select标签设置innerHTML无效的问题 (转)
关于在IE下对Select标签设置innerHTML无效的问题
今天在做应用的时候有个级联菜单的功能,因为一般做开发的时候都是使用FireFox居多(原因不用多说,相信所有的前端开发人员都曾经尝到了恶心的IE不遵守W3C标准的痛苦),因此想当然的时候对一个Select标签进行了如下操作:
1.selectObj.innerHTML = '<option value="va ...
<td class="css" align=center>的居中不在className和innerHTML中被提取
页面多条输入时第一行的html table静态显示在页面上,通过点击“新增”按钮新增一行输入框,这里是用javascript实现的,将另一个style=display:none的table每列cells的className和innerHTML赋值给新TR的办法插入到原表下方。
原表第一列是居中的,<td class="css" align=center> ...
IE6,7设置innerHTML无效的问题
此问题微软已发布解决方案
但是某些情况下会带来新的问题
如用 outerHTML之后,之前使用addEventListener绑定的事件会无效,当然可以用 onclick来替代
但jquery提供了一个更加方便的方法 live()
Dojo innerHTML 代码不能执行的解决方案
有的时候需要用javascript动态生成一些html,常用的方式为动态拼一串html,然后通过innerHTML输出到dom中。类似
sourceNodeDiv.innerHTML="<div style='width:95%'>" +
"<table style='width:100%'>" +
"&l ...
innerHTML、innerText、outerHTML的区别
innerHTML:也就是从对象的起始位置到终止位置的全部内容,包括Html标签。innerText:从起始位置到终止位置的内容, 但它去除Html标签 。outerHTML:除了包含innerHTML的全部内容外, 还包含对象标签本身。
innerHTML,innerTEXT
<div><p>content</p></div>
innerHTML的内容包括:<p>content</p>
innerTEXT的内容包括:content
<div><span id='pre'></span><span id='next'></span& ...
关于table与select的innerHTML不能赋值
我们都知道在IE下对于table和select,他们的innerHTML赋值会报错。
原因很简单:innerHTML是只读的。
但是具体在错误上也各有特色。
先看看table
IE6|7报的是 [object Error]
IE8报的是Error:未知的运行时错误
IE9报的是Error:该操作的目标元件无效
select不能赋值,但是不抛异常。