documentgetElementById("bigdiv1")你要获取的属性,比如你要获取一个DIV的样式是什么,你可以这样写:
<script language="javascript">
documentgetElementById("divid")className
</script>
1、获取div里头的内容,直接结合jq获取,给div添加个id,使用$("#div")text();可以获取到指定的div里头的文本内容 2、如果是要传输到其他页面,采用ajax异步传输,将获取到的内容传递过去。
这个是onmouseover事件,就是说当鼠标在某个标签上时触发的事件,然后你在javascript里用documentgetElementById('id')就能获取你鼠标停留在的某个标签的对象(就是在鼠标移入的一瞬间)绝对满足你的要求
举个例子
<script>
function getObj(){
documentgetElementById('b')innerHTML='bbbbbbb';
}
function moveObj(){
documentgetElementById('b')innerHTML='';
}
</script>
<div id="b" onmouseover="getObj();" onmouseout="moveObj()"></div>
当你的鼠标移到这个div的一瞬间,这个div里就出现了bbbbbb
当你的鼠标离开这个div的一瞬间,这个div里的bbbbb就没了
php中的onmouseover是小写,其他中要不要这样写onMouseOver我就不知道了,你试一下就行了
$("div")index(this)text();改成$(this)text();即可。不过你的div宽度是100%,从下往上移4会挡住其他的,除非你把浏览器缩小,从左边移进去。 修改建议,加个id为tips的div,然后将index的值放进去,这样移动的时候它就会自动变换,看起来明显些。如下:\x0d\\x0d\asasas\x0d\2\x0d\3\x0d\4\x0d\\x0d\$(function(){\x0d\$("div")hover(function(){\x0d\ var index=$(this)text(); \x0d\ $("#tips")html(index);\x0d\ })\x0d\}) \x0d\回答于 2022-11-16
把div设置成相对定位或绝对定位,总之是让其拥有left,top值,
当鼠标移进div的时候获取鼠标的坐标,
用鼠标的left减去div的left值就是鼠标在div里面的left值,即鼠标在div中的x坐标,
同理,
用鼠标的top值减去div的top值就是鼠标在div里面的top值,即鼠标在div中的y坐标
这样我们就获取了鼠标在div中的位置了
“关于DIV获取JS红的变量值的问题”,这句话我没理解什么意思,红的变量值是什么,我不明白变量值为什么会有颜色。第二“我想让ID获取下面的变量如id= eliteProduct1 id=eliteProduct2 ”我也没有理解,ID获取下边的变量,下边的是指什么,你举的例子,如id=eliteProduct1 你是说eliteProduct1 是变量吗,还是说id是你定义的一个变量,你想给它动态的赋值,你表述清楚了,也许我能帮到你
鼠标的移入移出事件在你的div里是应该这样写的:<div id="mlabl" onmouseover="displaynan()" onmouseout="styleChangeout()"></div>,没见过一个鼠标事件同时触发两个函数(你放了两个函数在上面)。另外,还有要注意的是onmouseover和onmouseout事件有冒泡(即鼠标移到其后代元素上时会触发,若这里不懂什么是冒泡请自行百度吧),所以,更多情况下我们推荐使用mouseenter和mouseleave来代替这两个事件。
我简单的做了一个类似的,不知道符不符合你的要求:
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>鼠标经过时显示不同的内容</title>
</head>
<body>
<div id="mlabl" onmouseover="displaynan('男')" onmouseout="styleChangeout()">
<label><a id="ma1"><br /> 推荐男会员</a></label>
</div>
<div id="mlab2" onmouseover="displaynan('女')" onmouseout="styleChangeout()">
<label><a id="ma2"><br /> 推荐女会员</a></label>
</div>
<div id="usernan">男 内容</div>
<div id="usernv">女 内容</div>
<script type="text/javascript" charset="UTF-8">
function displaynan(sex){
if(sex=="男"){
documentgetElementById('usernan')styledisplay = "block";
documentgetElementById('usernv')styledisplay = "none";
}else{
documentgetElementById('usernan')styledisplay = "none";
documentgetElementById('usernv')styledisplay = "block";
}
}
function styleChangeout(){
documentgetElementById('usernan')styledisplay = "none";
documentgetElementById('usernv')styledisplay = "none";
}
</script>
</body>
</html>
希望我的回答能帮助到你。
以上就是关于怎么获取div的属性值全部的内容,包括:怎么获取div的属性值、如何获得jsp动态生成的div的值、当鼠标离开某个div的瞬间,怎样获取下一个div或其他标签的id或对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)