js点击按钮换div颜色，js点击按钮切换颜色

请教JS代码,当点击div1,本身内容变红色,div4百变内容也变红色,点击div2...

1、哈哈，戒不是js，戒是css。你这个什么都不会变，应为所有的div里面都是a标签，a标签的color是#FFF，所有的都应该是#FFF颜色。应该把里面的a标签就可以了。你要搞懂css里面的引用方式，主要有三种：内嵌，内联，外部引用。

2、在ue编辑器中新建一个空白的html文件，css文件，js文件。在ue编辑器中输入以下html代码。在ue编辑器中输入以下css代码。在ue编辑器中输入以下js代码。

3、这个是给你的参考，div定义id为d1 初始值设为宽度100，高度100，颜色红色，非隐藏 宽度按钮为c_w 高度按钮为c_h 颜色按钮为c_c 隐藏按钮为c_d 恢复按钮为c_r 直接在这里编写的，没有经过验证。

4、(div).hover(function(){$(this).css(background-color，red)；}，function(){$(this).css(background-color，blue)；})；说明：引用jQuery，鼠标移到时显示红色，移出时显示蓝色，具体颜色你可以自己选择。

5、比较保险的做法 document.getElementById(1).setAttribute(style， border： 10px solid ！important；)；前提是原先没有设置 style 属性。

相关问答

Q1: js中怎么用select改变div背景颜色

1、首先打dreamware软件，然后在 body中写入一个 div，把div赋予一个 id方便提取；用css写div属性和初始的背景色，width宽度值；height高度值；background初始的背景色。

2、该方法接受两个参数：要设置的样式属性和属性值。例如，以下代码将为所有div元素设置背景颜色为红色：`javascriptdselectAll(div).style(background-color，red)；`还可以将多个样式属性同时设置在一个方法调用中。

3、第一种方法：预先设置一个样式，然后在js中操作，给div加上这个class。

Q2: 怎样用js修改div里标签的样式

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(div).click(function () {$(this).css(color， blue)；})；。

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

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

可以直接修改div的样式，通过修改元素的style属性值去修改CSS样式。

这用6个 li 左浮动，或者你的一行三个div设置左浮动。

(div ul li).removeClass(class name).click(function(){this.addClass(Class name)；})手敲的，没有测试可行度。

Q3: 点击按钮改变下面DIV的样式,求DW的JS代码

在这个示例中，点击“改变颜色”按钮将div的背景颜色更改为红色，而在输入颜色和宽度并点击“改变样式”按钮时将改变div的背景颜色和宽度。您可以根据需要修改JavaScript和CSS代码以满足您的要求。

在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行delcon（）函数。

在ue编辑器中输入以下css代码。在ue编辑器中输入以下js代码。编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。在浏览器中打开此html文件，可以看到最终想要实现的点击按钮改变div背景颜色效果。

给div设置隐藏的样式。在title标签后面为id为hide设置样式display：none，这个样id为hide的div就会被隐藏掉了。为button按钮添加一个点击后隐藏事件。

单击Create后，DW将为它创建一个HTML文件。我们将在body标签中添加一个div标签组。然后，在div标记中输入下图中的代码。style是指CSS样式直接添加到这个div中，所以是成功的。样式要用英文引号，不然不行。

在test.html文件内，在div的下面创建一个button按钮，按钮名称为“更换背景颜色”。给button按钮绑定onclick点击事件，当按钮被点击时，执行myfun()函数。

Q4: 怎样用js设置div的背景色

1、设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图 代码： .bg：hover{ background-color： burlywood； } 实用浏览器打开。

2、首先打dreamware软件，然后在 body中写入一个 div，把div赋予一个 id方便提取；用css写div属性和初始的背景色，width宽度值；height高度值；background初始的背景色。

3、首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。在index.html中的script标签，输入js代码：$(div).css(background-color， blue)；。

4、当按钮被点击时，执行delcon（）函数。在js标签中，创建delcon()函数，在函数内，通过getElementById（）方法利用id（mytest）获得div对象，通过将对象的innerHTML设置为空，实现删除div里的内容，但不删除div本身。

5、(div).hover(function(){$(this).css(background-color，red)；}，function(){$(this).css(background-color，blue)；})；说明：引用jQuery，鼠标移到时显示红色，移出时显示蓝色，具体颜色你可以自己选择。

6、当按钮被点击时，执行editbg()函数。在js标签内，创建一个editbg()函数，在函数内，使用$符通过div的class属性值（bg）来获得div对象，再使用css（）方法设置background属性为blue，即更改背景颜色为蓝色。

js点击按钮换div颜色的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js点击按钮切换颜色、js点击按钮换div颜色的信息别忘了在本站进行查找喔。