js设置html根标签样式，html标签内写js代码

如何用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一致了。

相关问答

Q1: 怎么用JS给HTML标签添加内容

1、直接写在标签中 body h1 onclick=this.innerHTML=hello！请点击这段文本！/h1 /body 外部js 只需在外部建立.js格式文档，将1script标签之间的代码写入.js文件中。

2、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签，输入js代码：$(#txt).val(添加值)；$(#txt).attr(data，test)；。浏览器运行index.html页面，此时input元素成功被添加了值和属性。

3、javascript添加html标签如下：直接给javascript内容添加标签 body div id=div/div /body script var oDiv = document.getElementById(div)。oDiv.innerHTML = span11112222/span。

Q2: js可以加入html标签吗?

js文件不是htm文件，所以里面不能有html标记（在输出语句中包含的html标记除外）。即使js文件中可以用script标记，由于js文件本身就是由script src=...标记调用的，这就变成重复标记了，是画蛇添足了。js属于脚本文件，是由脚本代码组成的。

J首先输入s_file0js，//程序代码 document.write( script language=\javascript\ src=\/com\/ Js_file0js \ \/script)。

javascript添加html标签如下：直接给javascript内容添加标签 body div id=div/div /body script var oDiv = document.getElementById(div)。oDiv.innerHTML = span11112222/span。

还可以将JS代码单独写在一个文件中，然后在需要的网页文件中直接通过Script标签引用。例如：我们想要实现当用鼠标点击文本框时，文本框内会被写入“Hello！百度经验”字样的效果。

Q3: js如何修改样式?

js是无法直接修改css文件的，但可以通过取对象的方式修改对象的样式，通常有两种方法：\x0d\x0a改变className，但首先在样式表中预设定样式类。\x0d\x0a例如：document.getElementById(obj).className=...；\x0d\x0a改变cssText。

直接更改，比如：xID.style.display = block； // 更改display属性，会覆盖css中的定义。xID.style.display = ； // 取消js更改display属性，以css样式为准。这里的xID，是通过id获取的标签。当然，也可能是通过tagName之类的获取的标签。这种方式，简单直接。

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

关于js设置html根标签样式和html标签内写js代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。