`
风花雪月饼
  • 浏览: 75722 次
  • 性别: 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元素赋值

    本文将详细介绍如何使用JavaScript为HTML元素赋值,并探讨多种赋值方法。 #### 基础概念 在Web开发中,经常需要动态改变网页上的某些内容,比如更改文本、图片源等。这些操作可以通过JavaScript来实现,它能够直接...

    关于jquery克隆,给元素赋值详解

    在JavaScript和jQuery的世界里,克隆对象和给元素赋值是常见的操作,特别是在处理动态内容和数据交互时。本文将深入探讨如何使用jQuery实现元素的克隆以及如何为元素赋值,同时也会提及如何结合使用AJAX技术进行克隆...

    JS动态创建Table,Tr,Td并赋值的具体实现

    本文档重点介绍了JavaScript语言实现动态创建HTML表格(Table)、表格行(Tr)和表格单元格(Td)的具体方法,并对它们进行赋值的过程。以下是根据所提供的文件内容提炼出的知识点: 1. 动态创建和修改表格结构 ...

    PHP+JavaScript+HTML变量之间赋值及传递1

    在HTML中,我们可以使用`&lt;a&gt;`标签创建链接,并通过`href`属性设置URL。在给定的例子中,`testA.php`向`testB.php`传递一个变量`newid`,其值通过PHP的`echo`函数输出,如下所示: ```html $result; ?&gt;"&gt;跳转链接 ``...

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

    5. **HTML DOM操作**: DOM是HTML文档的结构化表示,通过它可以访问和修改HTML元素。例如,我们可以通过`IHTMLDocument2`接口的`getElementById()`方法获取特定ID的元素,然后设置其`innerHTML`属性来改变元素的文本...

    javascript给span标签赋值的方法

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

    vue.js input框之间赋值方法

    本文将详细讲解如何在Vue.js中实现input输入框之间的赋值方法,以及扩展讨论Vue中元素和属性的赋值策略。 首先,我们来看如何在Vue实例中实现两个input框之间的值传递。在提供的示例中,有两个主要的方法`test1`和`...

    获取屏幕搞得,赋值给div

    它可以包含文本、图像、表单以及其他HTML元素。通过CSS(层叠样式表)对`div`进行样式控制,我们可以实现各种布局效果。 在描述中提到的"屏幕的高度",通常可以通过JavaScript来获取。JavaScript是一种强大的客户端...

    JS动态创建元素的两种方法

    JS动态创建元素是指在JavaScript编程中,根据程序逻辑在页面运行时生成并插入新的HTML元素。在实际开发中,这种技术非常有用,特别是在需要根据用户操作或者数据动态改变页面结构时。本文主要介绍两种常用的JS动态...

    js实现点击弹出层并定位赋值

    接下来,我们需要用JavaScript(例如使用jQuery库,因为它的API简洁易用)来处理点击事件和弹出层的显示、定位及赋值: ```javascript $(document).ready(function() { $('#myTable td').on('click', function(e) ...

    jQuery实现动态给table赋值的方法示例

    本篇文章将深入探讨如何使用jQuery来动态地给HTML表格(table)赋值,通过一个具体的实例来展示相关技巧。 首先,我们需要一个基本的HTML结构,包含一个具有特定类和ID的table元素。在这个例子中,我们有一个layui...

    JS改变元素样式

    本篇文章将详细探讨如何使用JavaScript来操作HTML元素的样式。 首先,我们需要了解DOM(Document Object Model),它是HTML或XML文档的结构化表示。在JavaScript中,我们可以使用DOM API来查找、访问和修改HTML元素...

    html教案、javascript

    3. DOM操作:使用JavaScript与HTML文档对象模型(DOM)交互,包括选择元素(`document.getElementById`、`querySelector`、`querySelectorAll`)、修改元素属性、添加和删除元素。 4. 事件处理:学习如何添加事件...

    jquery 动态遍历select 赋值的实例

    本文主要讲解了如何使用jQuery动态地遍历select元素,并为其赋值。这是一项非常实用的技术,尤其在动态网站开发中,经常会遇到需要根据不同的数据动态更新下拉列表选项的情况。 知识点一:遍历和选择select元素中的...

    HTML+Javascript+CSS测试题

    5. DOM操作:了解如何使用JavaScript操作DOM节点,包括创建、删除、查找和修改元素。 6. 事件处理:理解事件冒泡、事件捕获和事件委托,以及如何绑定和移除事件监听器。 7. AJAX使用:测试异步请求的编写和数据处理...

    ajax动态赋值echarts的实例(饼图和柱形图)

    本文主要介绍了如何使用ajax技术动态地将数据赋值给echarts生成的图表,包括饼图和柱形图的实现过程。echarts是一款强大的可视化图表库,支持多种图表类型,并可以通过AJAX技术实现数据的动态加载,从而在网页上展示...

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

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

    js 动态创建 html元素

    JavaScript动态创建HTML元素是网页开发中的一个重要技巧,它允许开发者在页面加载后或者用户交互时动态添加、修改或删除页面内容。在这个例子中,我们看到一个简单的应用,它使用JavaScript来创建并定位多个div元素...

    HTML5+CSS3+JS入门教程 + 源代码 pdf

    HTML5(HyperText Markup Language 5)是最新版本的HTML标准,它在原有基础上增加了许多新的元素和属性,提高了对多媒体的支持,简化了文档结构,增强了表单控件和离线存储功能。例如,`&lt;video&gt;`和`&lt;audio&gt;`元素使得...

    HTML/CSS/JS

    - 属性:元素可以拥有属性,如`href`用于链接的URL,`src`用于图片或脚本的源文件。 - HTML5新增元素:HTML5引入了许多新的语义化元素,如`&lt;header&gt;`, `&lt;nav&gt;`, `&lt;article&gt;`, `&lt;aside&gt;`等,提高了网页的可读性和可...

Global site tag (gtag.js) - Google Analytics