`
风花雪月饼
  • 浏览: 74091 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

关于用JS创建HTML元素属性赋值的问题

阅读更多


相信在AJAX时代,很多人用起了JS来创建HTML Elements来完成界面填充.

那么为了兼容浏览器,我们会用到document.createElement("div")这样的代码,

不过也有人说,这样也可以document.createElement("<div>...</div>")

呃.这是一个标准横行的时代,IE时代已经一去不复返了...

那么使用document.createElement就像是操作XML一样了.恩,这样很COOOOOOL...

但是也很痛苦,基本上写完之后你自己不知道那段代码生成的HTML是个什么结构.

所谓有得必有失.

进入正题吧.

可能有的人在使用documeng.createElement之后发现一个问题,我的CSS失效了.

那是因为,使用了 eleobj.setAttribute("class","myStyle1")这样的方式来给属性的.

这个无效,需要用 eleobj.className = "myStyle1";这样才行

至于原因,我不清楚.反正这样就行.
分享到:
评论

相关推荐

    用js动态添加html元素,以及属性的简单实例

    用js动态添加html元素,以及属性的简单实例 function test(){ //创建节点 var lswt_2=document.createElement("div"); //设置节点id lswt_2.id='lswtColse'; //设置节点属性 lswt_2.style.width='11px'; lswt_2....

    JavaScript完全自学宝典 源代码

    1.本书1~21章所附代码的运行环境 操作系统:Windows 2003、... 21.3.js 使用Prototype的Try.these()创建XML DOM。 21.4.html Prototype的Form对象的使用方法。 prototype.js Prototype的.js库文件。

    html5入门到精通 视频教程

    JavaScript基础语法29_数组的创建及使用 JavaScript基础语法30_数组常用方法 JavaScript基础语法31_数组的排序 JavaScript基础语法32_时间和日期 JavaScript基础语法33_时间和日期 JavaScript基础语法34_时间和日期 ...

    JavaScript详解(第2版)

     16.2 使用JavaScript创建cookie   16.2.1 cookie对象   16.2.2 设置cookie属性   16.2.3 创建cookie   16.2.4 从服务器获取cookie信息   16.2.5 删除cookie   16.2.6 使用浏览器删除cookie  ...

    js实现序号递增,嵌入到可执行的html,并给出注释

    序号递增在编写前端页面时是一个常见的需求,通常用于列表、表格等需要进行编号的场景。...需要注意的是,在本例中我们将increment函数直接赋值给了div元素的onclick属性。这种方式虽然简单,但不够规范,也不利于

    JavaScript权威指南(第6版)(附源码)

    本书要讲述的内容涵盖JavaScript语言本身,以及Web浏览器所实现的JavaScriptAPI。本书第6版涵盖了HTML5和ECMAScript5,很多章节完全重写,增加了当今Web开发的最佳实践的内容,新增的章节包括jQuery、服务器端...

    源文件程序天下JAVASCRIPT实例自学手册

    3.2.3 HTML元素事件 3.2.4 IE扩展的事件 3.3 JavaScript如何处理事件 3.3.1 匿名函数 3.3.2 显式声明 3.3.3 手工触发 3.4 事件处理器的返回值 3.5 事件处理器设置的灵活性 3.6 现代事件模型与Event对象 3.7 IE4中的...

    JavaScript内核系列

    动态性是指,在一个Javascript对象中,要为一个属性赋值,我们不必事先创建一个字段,只需要在使用的时候做赋值操作即可,如下例: Js代码 1. //定义一个对象 2. var obj = new Object(); 3. //动态创建...

    JavaScript权威指南(第6版)

    《JavaScript权威指南(第6版)》主要讲述的内容涵盖JavaScript语言本身,以及Web浏览器所实现的JavaScript API。本书第6版涵盖了HTML5和ECMAScript 5,很多章节完全重写,增加了当今Web开发的最佳实践的内容,新增...

    JavaScript权威指南(第6版)中文版pdf+源代码

     14.7 作为Window对象属性的文档元素351  14.8 多窗口和窗体353  第15章 脚本化文档361  15.1 DOM概览362  15.2 选取文档元素364  15.3 文档结构和遍历371  15.4 属性375  15.5 元素的内容378  15.6 创建、...

    JavaScript 权威指南(第四版).pdf

     14.7 作为Window对象属性的文档元素351  14.8 多窗口和窗体353  第15章 脚本化文档361  15.1 DOM概览362  15.2 选取文档元素364  15.3 文档结构和遍历371  15.4 属性375  15.5 元素的内容378  15.6 创建、...

    JavaScript权威指南(第6版)(中文版)

    《JavaScript权威指南(第6版)》主要讲述的内容涵盖JavaScript语言本身,以及Web浏览器所实现的JavaScript API。本书第6版涵盖了HTML5和ECMAScript 5,很多章节完全重写,增加了当今Web开发的最佳实践的内容,新增...

    JavaScript基础和实例代码

    3.2.3 HTML元素事件 3.2.4 IE扩展的事件 3.3 JavaScript如何处理事件 3.3.1 匿名函数 3.3.2 显式声明 3.3.3 手工触发 3.4 事件处理器的返回值 3.5 事件处理器设置的灵活性 3.6 现代事件模型与Event对象 3.7 IE4中的...

    JavaScript基础教程第8版

    《JavaScript基础教程(第8版)》循序渐进地讲述了JavaScript及相关的CSS、DOM、Ajax、jQuery等技术。书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上...

    JavaScript权威指南(第6版)中文文字版

    《JavaScript权威指南(第6版)》要讲述的内容涵盖JavaScript语言本身,以及web浏览器所实现的JavaScript API。本书第6版涵盖了 html5 和 ecmascript 5,很多章节完全重写,增加了当今 web 开发的最佳实践的内容,新增...

    javascript学习笔记.docx

    f) 继承:只是在查询一个属性时自动发生,而不会在写属性时发生,就是说单写一个父类的属性时,JavaScript环境会为对象本身创建一个同名的属性,从此该属性就覆盖了父类中的属性。 12) 创建一个数组可用 new Array()...

    JavaScript权威指南(第六版) 清晰-完整

    OReilly精品图书系列:JavaScript权威指南(第6版) 作者简介  David Flanagan是一名程序员,也是一名作家,它的个人网站是 。他在O’Reilly出版的其他畅销书还包括《JavaScript Pocket Reference》、《The Ruby ...

    javascript入门笔记

    1、采用HTML元素事件执行JS代码 事件 : 1、onclick 当元素被点击时执行的操作 ex: 当按钮被点击时,在控制台中输出 Hello World );"&gt; 2、将JS脚本编写在 [removed][removed] 并嵌入在HTML文档的任何位置 ...

    JavaScript权威指南(第6版) 中文版

    《JavaScript权威指南(第6版)》要讲述的内容涵盖JavaScript语言本身,以及web浏览器所实现的JavaScript API。本书第6版涵盖了 html5 和 ecmascript 5,很多章节完全重写,增加了当今 web 开发的最佳实践的内容,新增...

Global site tag (gtag.js) - Google Analytics