Как проверить, имеет ли div элемент innerHTML

У меня есть div, в котором содержится n число дочерних узлов. У меня есть цикл:Как проверить, имеет ли div элемент innerHTML

for (iloop = 0; iloop < summaryDiv.childNodes.length; iloop++) { 
    if (summaryDiv.childNodes[iloop].innerHTML.contains('display:block')) { 
     flag = false; 
    } 
}

Вот некоторые из дочерних узлов не содержат элемент innerHTML. Мне нужно проверить, содержит ли дочерний узел элемент innerHTML, тогда мне нужно проверить стиль (display: block). Как я могу это сделать?

источник

2010-01-12 nimi

Изменены все вхождения 'innerHtml' в вопросе' innerHTML'-JavaScript чувствителен к регистру. –

Если вы хотите, чтобы проверить стиль что-то, что вам не нужно innerHTML. Вместо этого получите доступ к значению display непосредственно из элемента style, который по умолчанию задан для элементов DOM.

var children = summaryDiv.childNodes; // Avoid excessive scope chain walking (faster!) 
for (var i=0, l=children.length; i<l; i++) { 
    if (children[i].style && children[i].style.display == "block") { 
     flag = false; 
    } 
}

источник

2010-01-12 05:22:58

if (children [i] .style && children [i] .style.display == "block") { Ошибка здесь. говорит, что дети [iloop] .style не определены – nimi

@Nimesh: Проверьте, что значение 'children [i]' ('alert (children [i]);'). Вероятно, это не элемент DOM, если свойство 'style' не определено. –

@Nimesh Измените 'iloop' на' i'. Я сделал редактирование, убедитесь, что у вас есть обновленная версия. @Steve Элемент текстового узла DOM не определяет свойство 'style', поэтому проверка' children [i] .style' на месте (возможно, Nimesh использует более старую версию кода, я сделал редактирование). –

Вы можете проверить, обладает ли элемент свойством "innerHTML".

<html> 
<body> 
<div id="div">hello</div> 
<script type="text/javascript"> 

    document.write("div: " + ("innerHTML" in document.getElementById("div"))); 
    document.write("<br />"); 
    document.write("div.child: " + ("innerHTML" in document.getElementById("div").firstChild)); 
</script> 
</body> 
</html>

производит:

div: true 
div.child: false

источник

2010-01-12 05:12:35

Используйте свойство дисплея непосредственно:

for (var i = 0; i < summaryDiv.childNodes.length; i++) { 
    if (summaryDiv.childNodes[i].style && summaryDiv.childNodes[i].style.display == 'block') { 
     flag = false; 
    } 
}

источник

2010-01-12 05:38:53 jvenema

ошибка здесь summaryDiv.childNodes [i] [iloop] .style is undefined – nimi

Я не уверен, почему вы делаете [i] [iloop]. У вас действительно есть вложенные петли? [I] должно быть всем, что вам нужно. Проверка на .style предотвратит использование свойства style, если оно не определено. – jvenema

Как проверить, имеет ли div элемент innerHTML

ответ

Смежные вопросы