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实现从数组里随机获取元素的方法,以及个人封装的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);

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

<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>

js取选所有元素的html内容的方法:

var editable = documentgetElementById('editable');

addEvent(editable, 'blur', function () {

// lame that we're hooking the blur event

localStoragesetItem('contenteditable', thisinnerHTML);

documentdesignMode = 'off';

});

addEvent(editable, 'focus', function () {

documentdesignMode = 'on';

});

if (localStoragegetItem('contenteditable')) {

editableinnerHTML = localStoragegetItem('contenteditable');

}

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

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存