js获取元素

js获取元素,第1张

你是想获取a标签?documentgetElementById("href4");就可以,如果获取不到,有可能是你js有问题,把js其他贴出来看一看,或者试一下下面的代码:<a href="#" id="testa">test</a>

<script type="text/javascript">

windowonload=function(){

alert(documentgetElementById("testa"));

}

</script>

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");

这篇文章主要介绍了js实现从数组里随机获取元素的方法,以及个人封装的js代码分享,十分的实用,这里推荐给小伙伴们

基础知识:

复制数组:

(1)循环遍历复制(不推荐)

代码如下:

var

arry

=

[1,5,9,7],

new_arry

=

[],

n

=

0,

len

=

arrylength;

for(;n<len;n++){

new_arrypush(arry[n]);

}

(2)concat()

方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本

代码如下:

var

arry

=

[1,5,9,7],

new_arry

=

arryconcat();

consolelog(new_arry);

(3)slice()

方法可从已有的数组中返回选定的元素

代码如下:

var

arry

=

[1,5,9,7],

new_arry

=

arryslice(0);

consolelog(new_arry);

随机数:

Mathrandom()

Mathrandom(),返回0到1的随机数,如:04261967441998422

个人封装函数:

代码如下:

function

getRandom(opt)

{

var

old_arry

=

optarry,

range

=

optrange;

//防止超过数组的长度

range

=

range

>

old_arrylengthold_arrylength:range;

var

newArray

=

[]concat(old_arry),

//拷贝原数组进行 *** 作就不会破坏原数组

valArray

=

[];

for

(var

n

=

0;

n

<

range;

n++)

{

var

r

=

Mathfloor(Mathrandom()

(newArraylength));

valArraypush(newArray[r]);

//在原数组删掉,然后在下轮循环中就可以避免重复获取

newArraysplice(r,

1);

}

return

valArray;

}

var

new_val

=

getRandom({'arry':[1,6,8,0,3],'range':3});

consolelog(new_val);

是不是很好用呢,非常实用的代码,这里是从本人项目中分离出来分享给大家,希望对大家有所帮助。

可以把动态生成的元素的事件委托给固定的父元素(比如$("#selects"))去处理,这样的话不管动态添加多少元素,最终都会把事件冒泡给父元素,父元素再根据target对象获取事件的委托方并作出相应处理。具体请自行百度“事件委托”或“事件代理”。

以上就是关于js获取元素全部的内容,包括:js获取元素、js怎么获取div里的元素个数、js实现从数组里随机获取元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存