`
caibinghong
  • 浏览: 150749 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

关于innerHTML 赋值问题

 
阅读更多

 

JavaScript代码
  1. innerHTML='<option>1</option>'  

的时候测试出来的结果却是"1</option>",ie6  7 8 都存在这个问题。

经过测试,发现 在用innerHTML输出html 的时候 凡是自定义标签(比如“<x></x>”)都会丢点前面这一部分, 想option必须在 select标签下面的,也不能直接innerHTML。

当然用jq的.html() 方法 不存在这个问题。

 

0
2
分享到:
评论
5 楼 caibinghong 2011-08-22  
呃是一个方法,现在改过来了,当时考的时候没有改!现在最底层是innerHTML=''
4 楼 jayrao5566 2011-08-21  
js的正确写法不是  .innerHTML = '<option>1</option>';吗?
3 楼 caibinghong 2011-08-19  
在JQ与EXT里都解决的挺好的。http://caibinghong.iteye.com/blog/1153411
2 楼 xigua366 2011-08-19  
innerHTML('<option>1</option>')

这是什么写法,js的正确写法不是  .innerHTML = '<option>1</option>';吗?

相关推荐

    解决ajax返回innerHTML中javascript不能运行问题

    解决 Ajax 返回 innerHTML 中 JavaScript 不能运行问题 在实际应用中,我们经常会遇到使用 Ajax 返回某一个网页的内容到模板页面的某一个 `&lt;div&gt;` 标签中显示的操作。如果返回的值仅仅是文本类数据,不会影响模板...

    关于innerHTML后丢失动态绑定的EVENT问题解决方法

    在这个例子中,我们给`id`为`d1`的`div`元素绑定了一个点击事件处理函数,然后将整个`body`的`innerHTML`保存到变量`html`中,再将其赋值回`body`的`innerHTML`。这个过程虽然看起来只是简单地替换内容,但实际上会...

    IE6-IE9中tbody的innerHTML不能赋值的解决方法

    为了解决这个问题,我们需要检查浏览器是否支持`&lt;tbody&gt;`的`innerHTML`赋值。可以通过创建一个新的`&lt;table&gt;`和`&lt;tbody&gt;`元素,尝试设置`&lt;tbody&gt;`的`innerHTML`,然后捕获可能抛出的异常来实现这个检查: ```...

    IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法

    总的来说,当在IE6、7、8、9中遇到innerHTML无法赋值的问题时,开发者应转向使用DOM API进行更底层的操作,而不是依赖innerHTML属性。这可能需要更多的代码量,但能确保在所有浏览器中的兼容性。同时,随着现代...

    js innerHTML 的一些问题的解决方法

    innerHTML 属性的使用非常流行,因为他提供了简单的方法完全替代一个 HTML 元素的内容。另外一个方法是使用 DOM Level 2 API(removeChild, ...但很显然,使用 innerHTML 修改 DOM tree 是非常容易且有效的方法。

    下拉列表框经典赋值适合IE火狐

    此外,在IE中,使用`innerHTML`来更新`&lt;select&gt;`元素可能会导致性能问题。 #### 4. 实践应用与优化建议 当开发面向多浏览器的Web应用时,推荐采用`domF()`方法来动态填充下拉列表框的选项,因为它提供了最佳的跨...

    通过js给html元素赋值

    之后,我们可以通过`.innerHTML`属性来设置或获取元素的内容。 2. **使用jQuery简化操作** jQuery是一种流行的JavaScript库,它提供了一套丰富的API,可以更简单地处理HTML文档模型、选择DOM元素、制作动画效果...

    IE6/7/8中使用innerHTML清空元素,其子元素也被清空

    在这些老版本的IE浏览器中,`innerHTML`的赋值操作实际上会触发一个完整的DOM重建过程。这意味着,无论之前元素内有多少子节点,一旦`innerHTML`被设为空字符串,浏览器会认为该元素应该没有任何子节点,从而导致...

    innerHTML 和 getElementsByName 在IE下面的bug 的解决

    在早期的IE浏览器中,使用innerHTML更新DOM时,可能会遇到一些问题。具体而言,当通过innerHTML动态加载的元素之后,对这些元素的再次动态更新可能会失败。这种情况在IE中尤为明显,而在Firefox等其他浏览器中则不会...

    layui 穿梭框transfer右侧数据赋值排序错乱小技巧.doc

    在本文中,我们将讨论一个 layui 框架中的小技巧,该技巧可以解决穿梭框transfer右侧数据赋值排序错乱的问题。 layui 是一个基于JavaScript的前端UI框架,提供了多种实用的UI组件,包括穿梭框transfer。穿梭框...

    innerText和innerHTML 一些问题分析

    此外,innerText在处理多语言文本(尤其是右到左的文本)时可能会有性能问题,而innerHTML通常表现更好。 总之,innerText和innerHTML是JavaScript中处理HTML元素内容的两个关键属性,它们各自有其优势和适用场景,...

    javascript给span标签赋值的方法.docx

    在原生JavaScript中,我们可以使用`getElementById`方法来获取指定ID的`&lt;span&gt;`元素,并通过改变其`innerHTML`属性来为其赋值。 ##### 示例代码: ```javascript // 假设HTML中有如下代码: // &lt;span id="hello"&gt;...

    javascript给span标签赋值的方法

    关于JavaScript给span标签赋值的方法,我们可以通过原生JavaScript或者使用jQuery这两种主流技术来实现。下面详细介绍这两种方法。 首先,原生JavaScript方法是前端开发中最基础的操作之一。通过原生JavaScript给...

    vc对话框给html界面赋值及操作

    例如,我们可以通过`IHTMLDocument2`接口的`getElementById()`方法获取特定ID的元素,然后设置其`innerHTML`属性来改变元素的文本内容。 6. **事件处理**: VC++的对话框可以通过消息映射机制响应WebBrowser控件的...

    VFP控制IE网页内容及对象赋值的方法

    vfp取得IE网页内容及对象赋值的方法,利用VFP在INTERNET上制作数据库动态查询,在VFP里全屏幕开启一个IE窗口 , 如何检测是不连上Internet

    innerHTML在Mozilla Firefox和Opera下执行的一个特例情况。

    改动两个文本框里的值,把这个容器的innerHTML赋值给d2 foo() [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]不是预期的结果吧?包括在Opera下执行的情况也是与Firefox下相同的,你可以尝试在Opera下运行就明白...

    innerHTML动态添加html代码和脚本兼容多个浏览器

    问题的核心在于,不同的浏览器对于innerHTML插入的脚本处理方式不同。例如,Internet Explorer(IE)要求script标签具有defer属性,并且在插入时,innerHTML所在的节点必须已经在DOM树中。而Firefox和Opera则要求在...

Global site tag (gtag.js) - Google Analytics