js 获取div索引

js 获取div索引,第1张

var eleArr=documentquerySelector("div [data-id='你的data-id的值']")chlidren;

for(var i=0;i<eleArrlength;i++){

eleArr[i]index=i;

eleArr[i]addEventListener("click",function(){

consolelog(thisindex);

})

}

哎,js麻烦死了,要是可以用jQuery就好了

<html>

<head>

<title>获取显示 <DIV> contenteditable="true" 时 输入的内容</title>

</head>

<body>

<div id="kk" style="width:400px;height:300px;border:1px solid #999999;"  contenteditable="true">

</div>

<input type="button"  value="code" onclick="alert(documentgetElementById('kk')innerHTML)" />

</body>

</html>

你这段js放在哪的?如果在head里,dom都没有加载完,他就执行了,当然找不到相应的元素了。。。所以要写在加载事件之后。。。

windowonload = function() {

    var kkk = documentgetElementById('kkk'),

        qwe = documentgetElementById('qwe');

    if (kkkinnerText == "qqq") {

        kkkstyledisplay = "none";

    }

    if (qweinnerText == "qqq") {

        qwestyledisplay = "none";

    }

}

另外,一般会有个触发机制,上边这样写是能实现的,但是真正用的时候肯定不这么写

<!doctype html>

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

<li>

<div class="vt-el-inner">

<div class="inner-logo">

<img src="/PPIMG/001jpg">

</div>

<div class="inner-title"><span>1</span>马格全屋定制</div>

<div class="inner-btn">

<div class="vote-count fl">7899票</div>

<button class="vote-send fr" onclick="asd(this)">投TA一票</button>

</div>

</div>

</li>

<li>

<div class="vt-el-inner">

<div class="inner-logo">

<img src="/PPIMG/002jpg">

</div>

<div class="inner-title"><span>2</span>马格全屋定制</div>

<div class="inner-btn">

<div class="vote-count fl">789票</div>

<button class="vote-send fr" onclick="asd(this)">投ta一票</button>

</div>

</div>

</li>

<script type="text/javascript" src="jquery-321js"></script>

<script type="text/javascript">

function asd(obj){

var ret = $(obj)parent()siblings("inner-title")find("span")html();

consolelog(ret)

}

</script>

</body>

</html>

需要引入jquery

先给input加个ID,比如:id="mypwd"

直接赋值:

documentgetElementById('mypwd')value = documentgetElementById('idDiv_PWD_PasswordExample')innerHTML;

希望能帮到你

HTML:

<input type="button" onclick="show()" value="show" />

<div id="div">我是一一一<a href="#">一</a>一一一王五一一一一11111111111111111111111111111111111111111111111111111111111</div>

<textarea id="textarea">

</textarea>

JS:

<script type="text/javascript">

function show(){

var div = documentgetElementById("div")innerHTML;

var use = delHtmlTag(div);

alert(uselength);

documentgetElementById("textarea")innerHTML = usesubstr(0,49);

}

function delHtmlTag(str){

return strreplace(/<[^>]+>/g,"");//去掉所有的html标记

}

</script>

<div id="div1">aaaaaaaaaaaaaaaaaa</div>

var str=documentgetElementById("div1");

alert(strlength);

strlength即文字的文字数

以上就是关于js 获取div索引全部的内容,包括:js 获取div索引、在web开发里 js如何获取获取div 的contentEditable内容 用于再提交、JS获取DIV或TD的内容进行判断并隐藏等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/10123897.html

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

发表评论

登录后才能评论

评论列表(0条)

保存