js如何获取div内容

假设你的html中有以下的div

<div id="id1">

</div>

<div id="id2">

</div>

如果是要获取id是id1的div的数据，获取div里面的内容有两种方式

1，纯js获取数据

var a=documentgetElementById("id1")innerText;

2，jqeury获取数据

var a=$("#id1")html();

这要分两种情况：

1、按钮在div中。

<div>

    <input type="button" id="btn" />

</div>

我们可以通过：

var btn = documentgetElementById("btn");//获取按钮节点

var div = btnparentNode;//获取di元素，当然不一定div就是按钮的父元素，可以通过parentNode向上查找，最好还是给div加一个id

2、按钮不在div中

<input type="button" id="btn" />

<div></div>

我们可以通过：

//以上这种情况最好给div加一个id,通过以下方式获得

var div = documentgetElementById("div")

//如果不想加的话，以下方式

var divs = documentgetElementsByTagName("DIV");

var div = divsitem(n);//n表示要取的div,从0开始

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

windowonload = function() {

    var kkk = documentgetElementById('kkk'),

        qwe = documentgetElementById('qwe');

    if (kkkinnerText == "qqq") {

        kkkstyledisplay = "none";

    }

    if (qweinnerText == "qqq") {

        qwestyledisplay = "none";

    }

}

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

以上就是关于js如何获取div内容全部的内容，包括:js如何获取div内容、JavaScript如何获取按钮所在的div元素、JS获取DIV或TD的内容进行判断并隐藏等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！