js获取指定form中所有表单元素谁有更好的方法

js获取指定form中所有表单元素谁有更好的方法,第1张

$("form input")prop("readonly", true);\r\n将所有表单的所有表单控件的readonly全部设置为readonly~\r\n要注意的是如果直接使用input选择器的话,包括了按钮~\r\n所以要排除按钮、隐藏域之类的input的话~\r\n使用not选择器\r\n$("input:not(:button,:hidden)")prop("readonly", true);\r\n希望对您有帮助~\r\nBy Billskate

js获取div里的元素个数方法是:先得到父元素,再得到父元素下的某标签类别的子元素,最后统计出子元素的长度就可以简单实现了。

js 动态添加元素(div、li、img等)及设置属性的方法:

一、js 动态添加元素div

<div id="parent"></div>

function addElementDiv(obj) {var parent = documentgetElementById(obj);//添加 divvar div =

documentcreateElement("div");//

设置 div 属性,如 iddivsetAttribute("id", "newDiv");divinnerHTML = "js 动态添

div";parentappendChild(div);}

调用:addElementDiv("parent");

二、js 动态添加li

<ul id="parentUl"><li>原li</li></ul>

function addElementLi(obj) {var ul = documentgetElementById(obj);//添加 livar li =

documentcreateElement("li");//

设置 li 属性,如 idlisetAttribute("id", "newli");liinnerHTML = "js 动态添加li";ulappendChild(li);}

调用:addElementLi("parentUl");

三、js 动态添加元素img

<ul id="parentUl"></ul>

function addElementImg(obj) {var ul = documentgetElementById(obj);//添加 livar li =

documentcreateElement("li");//添加 imgvar img = documentcreateElement("img");//

设置 img 属性,如 idimgsetAttribute("id", "newImg");//设置 img 地址imgsrc =

"/images/prodjpg";

liappendChild(img);ulappendChild(li);}

调用:addElementImg("parentUl");

<html>

<head>

<meta >

<body style="height: 2000px;">

<div class="c f" onclick="fn()" style="border:10px solid #ccc;height: 80px;color:red;background:rebeccapurple"> 我是div</div>

<script>

        let div = documentquerySelector('div');

        / 通过style在行内样式上获取样式 /

        / 使用style获取样式 写的什么 就能获取到什么

        不会转成rgb 和 出现其他的样式 /

        consolelog('style',divstylecolor )

        consolelog('style',divstylebackground )

        / style是获取不到在内部样式上或者外部样式上的样式的 /

        // consolelog( divstylecolor )

        // / font-size js中要是用驼峰的方式获取 /

        // consolelog( divstylefontSize )

        / 使用windowgetComputedStyle可以获取行内、内部、外部的所有样式

        但是 获得color是rbg格式的,获取的background是所有属性 /

        consolelog( windowgetComputedStyle(div,null)color )

        consolelog( windowgetComputedStyle(div,null)fontSize )

        consolelog( windowgetComputedStyle(div,null)background )

        consolelog( windowgetComputedStyle(div,null)height )

        // documentonscroll = function (){

        //    consolelog(documentdocumentElementscrollTop);

        // }

</script>

你的代码是什么?

documentgetElementsByTagName("a");

还是parentObjgetElementsByTagName("a");

前一个是整个页面的a

后一个才是父对象里面所有的a

把代码贴出来看看吧

function getHasTitles (parentNode) {

  var allNodes = parentNodegetElementsByTagName('');

  var length = allNodeslength;

  var i;

  var hasTitles = [];

  var node;

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

    node = allNodes[i];

    if (nodetitle) {

      hasTitlespush(node);

    }

  }

  return hasTitles;

}

var hasTitles = getHasTitles(document);

jquery得到所有元素

$("")

getElementById()

// 通过ID来取得元素,所以只能访问设置了ID的元素,比如说有一个DIV的ID为docid:

// <div id="docid"></div>

// 那么就可以用getElementById("docid")来获得这个元素。getElementsByName()

// 通过NAME来获得元素,DOCUMENT中元素的NAME可以重复,如果一个文档中有两个以上的标// 签NAME相同,那么getElementsByName()就可以取得这些元素组成一个数组。

// 比如有两个DIV:

// <div name="docname" id="docid1"></div>

// <div name="docname" id="docid2"></div>

// 那么可以用getElementsByName("docname")获得这两个DIV,用getElementsByName("docname")[0]访问第一个DIV。getElementsByTagName()

// 通过TAGNAME(标签名称)来获得元素,一个DOCUMENT中会有相同的标签,所以这个方法也是取得一个数组。

// 可以用 getElementsByTagName("div")来访问它们,用getElementsByTagName("div")[0]访问第一个 DIV,用getElementsByTagName("div")[1]访问第二个DIV。

<!DOCTYPE HTML><html><head><meta charset=UTF-8><title>recursion</title><style type="text/css"></style><script type="text/javascript"> var array = []; onload = function () { var tags = documentbodygetElementsByTagName (''); for ( var i = 0; i < tagslength; i++) { arraypush (getText (tags[i])); } consolelog (array); } var getText = function (dom) { var index = 0, html = dominnerHTML; while (domchildrenlength && index < domchildrenlength) { var chtml = domchildren[index]outerHTML; html = dominnerHTMLreplace(chtml, ''); index++; } return "<font>" + html + "</font>"; }</script></head><body> <p> ths is p<a href="">this is a</a>wyz </p> <i>this is i</i> <b>this is b</b></body></html>

以上就是关于js获取指定form中所有表单元素谁有更好的方法全部的内容,包括:js获取指定form中所有表单元素谁有更好的方法、js获取div里的元素个数、JavaScript 数组获取多个相同值的元素 ,不只是要第一个元素 ,要所有的等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9722763.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存