js给标签加style属性，js为标签添加属性

如何用js在head中添加style标签

/head 内部样式 当单个文档需要特殊的样式时，就应该使用内部样式表。可以使用style标签在文档头部定义内部样式表。head style type=text/css 样式 /style /head 内联样式 当样式仅需要在一个元素上应用一次时， 要使用内联样式，你需要在相关的标签内使用样式（style）属性。

第一：head/head标签内，用style type=text/css/style标记开始和结束，示例：head style type=text/css css语句 /style/head第二个地方就是直接在html标签内写，比如div、p、span这些。

Css主要放在style标签里面。示例：style type=text/css div{width：500px；height：200px；background：#000000；} /style 特别说明：另外还有2种Css调用方式，为外部调用及行内调用。

headstyle type=text/cssbody {background-color： red}p {margin-left： 20px}/style/head内联样式 当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。

相关问答

Q1: JavaScript中创建元素并附加style属性的问题,进来看code

首先来看下测试代码，html里，主要部分有二个input输入框，和一个按钮。在js代码里，借助Jquery插件库来操作，以减少代码，所以先引入对应的脚本库文件。js代码里，为按钮添加点击事件，点击后，就用jquery设置姓名输入框的disabled属性，设置为false，这样输入框就不能输入了，为禁止状态了。

需要准备的材料分别有：电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签，输入js代码：$(#txt).val(添加值)；$(#txt).attr(data， test)；。

首先创建html结构，如下图所示，一个input元素，一个按钮，一个空的ul列表。然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。通过value属性我们可以获得用户在input中输入的内容，如下图所示。

方法一：var a=document.getElementById(a)；with(a.style){ 属性1=值；如 height=2px；} 或者 var a=document.getElementById(a)；with(a){ 属性1=值；如 style.height=2px；} WITH的意思是{}里面就可以省略掉with()里()的对象了。方法2：建议你学习jquery，非常方便。

可以使用字符串拼接的方式，用setAttribute方法，将原有属性（如果有的话），与想要设置的属性变量拼接到一起。

Q2: JS获取CSS动态ID并增加一个style

通过cssText的方式进行拼接。通过设置class，累加设置class的方式进行。

在test.html文件中，使用button标签创建一个按钮，按钮名称为“获取id值”。在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getid（）函数。

Javascript获取页面的元素的样式常见的两个方法是 document.getElementById()， document.querySelector()；方法。2 在下面的实例中是使用Javascript来改变标签的背景颜色，使用的是document.querySelector()方法。

html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的script标签，输入js代码：$(head).append(stylediv{font-size： 32px；}/style)；。浏览器运行index.html页面，此时发现js成功将css代码添加到head标签的style标签中。

代码如下：这细微的差别就会影响到程序的结果。代码如下：这些颜色不仅作用于那些直接包含在body标签里的内容，还将作用于嵌套在body元素内的所有元素。id属性就像一个挂钩，它一头连着文档里的某个元素，另一头连着CSS样式表里的某个样式。

Q3: 如何用js给html表单设置style

首先来看下测试代码，html里，主要部分有二个input输入框，和一个按钮。在js代码里，借助Jquery插件库来操作，以减少代码，所以先引入对应的脚本库文件。js代码里，为按钮添加点击事件，点击后，就用jquery设置姓名输入框的disabled属性，设置为false，这样输入框就不能输入了，为禁止状态了。

JS里添加样式的方法：首先，要创建标签，使用document.createElement函数，如图创建div标签。使用其className设置class，id设置id，style设置样式。样式的设置也可以分项进行。如图是分项设置其left，top，display，position，width几个样式。

需要准备的材料分别有：电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签，输入js代码：$(#div2).height($(#div1).height())；。浏览器运行index.html页面，此时div2的高度被设置成和div1一致了。

一看到这个标题，大家可能首先想到的就是使用“[元素].style.[CSS属性名] = [属性值]”这样的套路去设置元素样式，但实际上，我们其实还有其他方式可以选择。接下来，我将详细介绍三种设置元素样式的方式。

JavaScript设置内联样式 改变样式最直接的方法就是改变元素节点的style属性。如：myElement.sytle.color = “red”；myElement.sytle.left = “40px”；myElement.sytle.backgroundRepeat = “repeat-x”；JavaScript设置内联样式时，采用和css设置样式一样的风格。

首先按照图示代码新建HTML文件。然后需要按照图示代码创建按钮。然后需要按照图示代码创建js函数。然后需要按照图示代码定义变量创建文本。然后需要按照图示代码创建文本类型。然后需要按照图示代码创建文本值。然后需要按照图示代码输出变量。然后需要按照图示代码添加按钮点击触发函数。

Q4: js怎样批量设置元素的style属性值

1、方法一：var a=document.getElementById(a)；with(a.style){ 属性1=值；如 height=2px；} 或者 var a=document.getElementById(a)；with(a){ 属性1=值；如 style.height=2px；} WITH的意思是{}里面就可以省略掉with()里()的对象了。方法2：建议你学习jquery，非常方便。

2、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签，输入js代码：$(#div2).height($(#div1).height())；。浏览器运行index.html页面，此时div2的高度被设置成和div1一致了。

3、这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。

4、不可以这样的修改的，需要用到一个方法：getAttribute()获取到相应的属性值，用setAttribute()去设置相应的属性值。

5、语法：元素.style.样式名=样式值 注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的，比如 background-color 。

Q5: 使用js对div的style属性进行动态赋值问题,

首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签，输入js代码：$(#div2).height($(#div1).height())；。浏览器运行index.html页面，此时div2的高度被设置成和div1一致了。

var image=new Image()；image.src=//你的背景图片的src；var divelement = document.getElementById(你的div的id)；divelement.style.height=(image.height*divelement.offsetWidth)/image.width + px；几个需要注意的地方是image.src=xxx后需要等待直到图片下载完成。

/div 因为是动态数据，所以#div1的高度是auto，无法获取到具体值。var div1=document.getElementById(div1)；alert(divstyle.height)；//没有值 建议从css上改进。比如给中间的div设置css {height：500px；overflow：auto；}这样就能固定高度，多出的内容用滚动条显示。

修改div高度，可以直接给div的width赋值即可。

使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。jquery的attr()方法允许两个参数，如果值给一个参数则返回的是元素的属性的值，两个参数可以设置一个元素属性的值为第二个参数。

电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的a标签，输入js代码中的style属性中输入：hover{color： #0a6aa1}。浏览器运行index.html页面，此时鼠标移动到div123上，123的颜色确实根据hover的定义而变化了。

js给标签加style属性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js为标签添加属性、js给标签加style属性的信息别忘了在本站进行查找喔。