js中设置style样式，js 设置 style

如何用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设置样式一样的风格。

相关问答

Q1: JS里添加样式

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

在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。

$(#btn_3).click(function(){ 2 $(#nm_p).addClass(another)； // 追加样式3 })；后当单击“追加class类”按钮时，p元素样式就会变为斜体，而先前的红色字体也会变为蓝色。此时p元素同时拥有两个class值，即high和another。在CSS中有以下两条规定。

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

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

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

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

4、方法一：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，非常方便。

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

Q3: 怎么使用js改变文字样式,例如:style#text{color:black}/style ...

1、步骤一：打开Eclipse，点击File--New--Dynamic Web Project，新建一个工程TestColor。

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

3、js改变字体的颜色是用的“color”属性，xmlHttp.open(GET，URL，true)是设置ajax的请求地址和请求方式，不能去掉。

Q4: JS创建的style样式怎么使用变量

1、我们使用var关键词来声明变量：var carname； 变量声明之后，该变量是空的(它没有值)。如需向变量赋值，请使用等号：carname=Volvo； 不过，您也可以在声明变量时对其赋值：var carname=Volvo； 例子：我们创建了名为carname的变量，并向其赋值Volvo，然后把它放入id=demo的HTML段落中。

2、声明时用var，且var关键字甚至可以省略，如：myScore = 96； //好的习惯是不要省略var关键字。变量的类型是可变的，如：myVar = 200； //myVar是整形。myVar = “Hello”； //myVar是字符串，字符串用一连串的字符放在双引号或单引号中表示。

3、js怎么在引号里面引用变量？var str=p style=\color： + num.toString(16) + \test/p 。由于变量让你能够把程序中准备使用的每一段数据都赋给一个简短、易于记忆的名字，因此它们十分有用。

4、步骤一：打开Eclipse，点击File--New--Dynamic Web Project，新建一个工程TestColor。

Q5: JS如何设置元素样式的方法示例

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

新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一个模块，在div内，使用p标签创建两行文字，用于测试。在test.html文件内，设置div标签的id为mytest，主要用于下面通过该id获得div对象。

JS可以使用css属性来进行样式修改，并且不仅可以修改单一属性，也可以同时修改多个属性。案例以下小案例使用JQuery作为演示。前提： html页面首先必须引入JQuery，放置在body体最后的位置。例如：html部分代码 我是一个段落，我没有背景颜色的，但是JQuery会给我增加背景颜色。

js中设置style样式的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js 设置 style、js中设置style样式的信息别忘了在本站进行查找喔。