怎么获取div的属性值

怎么获取div的属性值,第1张

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 />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;推荐男会员</a></label>

</div>

<div id="mlab2" onmouseover="displaynan('女')" onmouseout="styleChangeout()">

<label><a id="ma2"><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;推荐女会员</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或对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9822062.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存