用js获取class的个数

用js获取class的个数,第1张

第一种

windowonload = function() {

    var a = documentgetElementsByClassName('a')

    var b =  documentgetElementsByClassName('b')

    alert("a:" + alength)

    alert("b:" + blength)

}

第二种

windowonload = function() {

    var a = documentquerySelectorAll('a')

    var b =  documentquerySelectorAll('b')

    alert("a:" + alength)

    alert("b:" + blength)

}

下面例子通过documentgetElementsByClassName("class1")获取所有同一class的元素,使用for循环把取得的div元素的值存入数组arr中,完成的代码如下:

运行结果,打印数组如下:

扩展资料:

js或jQuery获取html元素的值的常用方法

例如:<div id="aa">值</div>

js写法:

alert(documentgetElementById('aa')innerHTML);

jQuery写法:

alert($('#aa')html());

说明如下:

innerHTML是取元素的内部html代码,此例中即div内部的所有html代码。

html()方法作用也是取dom节点的内部html内容,是jQuery中的函数方法。

var list=documentgetElementsByClassName("selected");

var newArr = [];

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

    alert(list[i]innerHTML);

    newArrpush(list[i]innerHTML)

}

是这个意思吗  将取到的值 转成数组传到后台?

没有按照JS语言规范来写当然会报错。

documentgetElementById("") 里边就不要用 +拼接符了,而且后边不是document,而是直接一个点就可以了。

for 循环也有问题。

不要用O=0;这样难以区分,养成好的习惯

var sstab = documentgetElementById('yearr')getElementsByClassName("stab");

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

var rowss = sstab[i]rows; //rows 十个什么鬼

for (var k = 0; k < rowsslength; k++){

// for 循环是标准的 for(){} 括号加大括号 你这又少个大括号是什么意思。

}

{

看来你基础还很薄弱,继续加油吧,帮你看 也是在提升自己。

还有养成

consolelog() ,还有 alealert () 检查代码的习惯,因为你写了一大串然后看报错了找死你,都不知道哪里错了,浪费时间

代码参考如下:

getElementsByClassName() 方法

如果希望查找带有相同类名的所有 HTML 元素,使用这个方法:

documentgetElementsByClassName("intro");

上面的例子返回包含 class="intro" 的所有元素的一个列表:

注释:getElementsByClassName() 在 Internet Explorer 5,6,7,8 中无效。

input里写一个onclick="TiJiao();"

js里加上ajax,url自己写一个处理程序或者路径,以下是例子,仅供参考

用jq获取对应class的值 string money = $("j_all_money")val(); 然后通过ajax提交到后台,一定要有写好的接口或者处理程序,因为我不知道你是什么语言开发,这些js一般都是通用的。没有接口或者处理程序,需要传到后台自己处理,望采纳!!!

function TiJiao(){

$ajax({

async: false,

type: 'Post',

url: '/Common/GetSYQMessageashx',

data: {

'money ': encodeURIComponent(money )

},

dataType: 'json',

success: function (response) {

var d = eval(response);

var str = "";

consolelog(d);

}

}

});

}

function getByClass(oParent, sClass) { //根据class获取元素

var oReasult = [];

var oEle = oParentgetElementsByTagName("");

for (i = 0; i < oElelength; i++) {

if (oEle[i]className == sClass) {

oReasultpush(oEle[i])

}

};

return oReasult;

}

以上就是关于用js获取class的个数全部的内容,包括:用js获取class的个数、HTML5 js如何获取所有相同ID或class的元素、js 获取 相同 class 值 传值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存