JS获取DIV或TD的内容进行判断并隐藏

JS获取DIV或TD的内容进行判断并隐藏,第1张

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

windowonload = function() {

    var kkk = documentgetElementById('kkk'),

        qwe = documentgetElementById('qwe');

    if (kkkinnerText == "qqq") {

        kkkstyledisplay = "none";

    }

    if (qweinnerText == "qqq") {

        qwestyledisplay = "none";

    }

}

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

给div赋个ID属性

比如

<div id="div1"><img src="aaimg" alt="" /></div>

var restring=documentgetElementById("div1")innerHTML

返回的是<img src="aaimg" alt="" />

<script type="text/javascript">

//jquery获取ID为abc的元素的宽度

alert($("#abc")width());

//js获取ID为abc的元素的宽度

alert(parseInt(documentgetElementById('abc')stylewidth));

</script>

js通过html对象的style属性获取元素属性

获取到的值是包含单位(px像素)的

将获取到的值转化成整数就可去掉单位

parseInt() 函数可解析一个字符串,并返回一个整数

语法

parseInt(string, radix)

参数 描述

string 必需。要被解析的字符串。

radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。

                  如果省略该参数或其值为 0,则数字将以 10 为基础来解析。

                  如果它以“0x” 或 “0X” 开头,将以 16 为基数。

                  如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。

返回值

返回解析后的数字。

<div class='div1'>div1内容</div>

<div class='div2'>div2内容</div>

<script type="text/javascript">

const div1 = documentgetElementByClassName('div1')[0]innerText

documentgetElementByClassName('div2')[0]innerText = div1

</script>

可以尝试一下

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并且其中有一个div中有a标签

2、在indexhtml的<script>标签中,输入js代码:windowlocationhref = '>

3、浏览器运行indexhtml页面,此时取出了div中a标签中的百度知道链接并自动点击跳转了。

思路:用js取得div之间的值可用innerText属性来取得。

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META name="keywords" content="内容,标签,如果,属性,元素">

<META name="description" content="你这段js放在哪的?如果在head里,dom都没有加载完,他就执行了,当然找不到相应的元素了。。。所以要写在加载事件之后。。。windowonload = function() {    var kkk = documentgetEleme">

<script language="JavaScript">

function fff(){

//取得aa标签里的内容

var sss=documentgetElementById("aa")innerText;

//用alertd出

alert(sss);

}

</script>

</HEAD>

<BODY>

<div id="aa">aaaaa</div>

<input name="adfb" type="button" class="button" value="bbbb" onclick="fff()"/>

</BODY>

</HTML>

说明:

innerText:从起始位置到终止位置的内容, 但它去除Html标签

以上就是关于JS获取DIV或TD的内容进行判断并隐藏全部的内容,包括:JS获取DIV或TD的内容进行判断并隐藏、如何用JavaScript获取<div>*</div>标签中的内容、js 怎样获取div的宽度,只要值,不要px等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存