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

JavaScript016

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

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

window.onload = function() {

    var kkk = document.getElementById('kkk'),

        qwe = document.getElementById('qwe')

    if (kkk.innerText == "qqq") {

        kkk.style.display = "none"

    }

    if (qwe.innerText == "qqq") {

        qwe.style.display = "none"

    }

}

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

建议使用jquery插件。方法很简单。

$("td").click(function(){

    $("div").toggle()

})

用原生的需要多写几行了

var td=document.querySelector("td")

var div=document.querySelector("div")

td.addEventListener("click",toggle,false)

function toggle(){

   var isShow=div.style.display

   div.style.display=isShow=="none"?"":"none"

}