救命,如何用js给div标签添加css属性,当鼠标事件发生的时候,譬如点击某个元素

如题所述

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('div').click(function () {$(this).css('color', 'blue');});。

3、浏览器运行index.html页面,此时点击123所在的div,div会变为蓝色文本。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-09-02
1、如果是没有CSS文件,或者要修改的不在CSS文件里,那么:
document.getElementById('DIV标签的ID').style.属性='属性值';
这样就可以了。
2、如果,样式是写好的,在CSS文件里,如:.cls{font-size:12px;text-align:left}
那么,想使用这个样式,这么写
document.getElementById('DIV标签的ID').className = 'cls';本回答被提问者采纳
第2个回答  2011-07-13
function addcss(id)//要改变css样式div的id
{
var temp = document.getElementById(id);
temp.style.css的属性名称= "css的值";
}

救命,如何用js给div标签添加css属性,当鼠标事件发生的时候,譬如点击某...
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。2、在index.html中的<script>标签,输入js代码:$('div').click(function () {$(this).css('color', 'blue');});。3、浏览器运行index.html页面,此时点击123所在的div,div会变为蓝色文本。

怎样用js实现鼠标悬停一个div,让另一个div用指定的样
使用JavaScript实现鼠标悬停效果,通过`addEventListener`监听事件并操作样式。先利用`document.querySelector`获取目标元素和要改变样式的元素。`addEventListener`用于监听目标元素的鼠标悬停和离开事件,通过`classList`添加或移除指定样式类。在CSS中预先定义样式类`hover-style`,便于JavaScript调用以实现悬停效果。

如何用css或js设置如下图的样式,当点击的时候出现下拉菜单,显示里面...
isClick=false;}else{ (".show").css("display","none");isClick=true;} })思路,要显示的内容用一个div包住,当你点击基础的时候,div显示,再点击时div隐藏

如何用js通过下拉菜单来实现div的隐藏和显示
1、首先写出架构,两个 buttod (按钮)。2、下面是一个 div 存放文本和在后面的被js控制。3、先用 css 选择器 为 div 控制属性。4、然后写出 script 标签,可以写在外部,然后在引用。5、然后我们用 js 设置变量,这样我们才可以控制变量来控制元素。6、这里用 alert 测试一次我们是否选对了元...

js向id添加css属性值
1、jquery:("#id").css("background","#000");("\/\/*这个是你的id,前面要用#,如果class就是.(点),和写css获取一样的*\/\/").css("\/\/*这个是css属性color,或者background,font-size等*\/\/","\/\/*这个是属性值*\/\/");2、js:document.getElementById("id").style.color="#000";...

用js插入页面的div标签中的内容
使用JS的document.getElementById("ID").innerHTML获取标签内容。修改的只需在后面加上"="即可。实例演示如下:一、HTML的DOM设计。1、设计两个DIV,其中第一个div放入入一些文字。2、设计css样式如下,为了区分明显,加了border。3、此时的页面展示如下:二、函数功能的设计和绑定。1、设计函数,实现...

js鼠标单击事件显示隐藏的DIV?
给div动态添加display的样式,block是显示,none是隐藏。所以你上边空着的双引号里写上block就可以了。

js 怎样单独选择 div,并添加事件
text\/css">.red {background-color: red;}<\/style><script type="text\/javascript" src="jquery-1.8.0.min.js"><\/script><script type="text\/javascript">jQuery (function () { $ ("div").click (function () { $ (this).addClass ("red").siblings ("div").removeCl...

如何用JS给div添加样式
用JS给div添加样式是通过js操作css来实现的。用js方法找到div的dom对象 通过js操作css的style属性来改变div的样式 具体举例如下:定义div:<div id="myDiv" style="color:red">改变样式测试<\/div> 编写js代码:var color = document.getElementById("myDiv").style.color;if (color == "red")do...

怎样写“当鼠标点击html页面div所在处部分后,出现此处div的带色边框...
他那里面有一个css类是 .regist_list li.current{border-color:#6BAAE8;} 然后在点击各个input的时候会触发js事件setCurrentItem function setCurrentItem(row_id) { getObject("row_user").className = '';getObject("row_pass").className = '';getObject("row_pass_confirm").className = ''...

相似回答