我正在创建一个If…Else语句,需要检查元素是否有innerHTML/textContent。
这样地:
if (<span class="event"> *yet has some text inside*) {do smth}
else {do smth else};
那么,如何使用Javascript来实现这一点呢?
求求你,救命!
升级版!我有动态变化的内容,而且
element.innerHTML
在我的里放了一些文字之后,似乎就不起作用了。我的意思是它仍然认为是空的。有什么治疗方法吗?
最佳答案
使用innerHTML
检查量程的document.getElementsByClassName("ClassName");
。您需要index
它,因为您可能有多个具有相同类名的元素。在按钮单击时动态添加文本。并再次检查它是否影响输出。这边试试,
HTML格式:
<span class="event"></span>
<button id="addTextButton">Add Text In Span</button>
<button id="removeSpanTextButton">Empty Span</button>
<button id="checkSpanButton">Check Span Content</button>
javaScript代码:
var spanContent = document.getElementsByClassName("event")[0];
checkSpanButton.onclick = function(){
if(spanContent.innerHTML == ""){
alert("Span is empty..");
}
else{
alert("Span Text : " + spanContent.innerHTML);
}
};
// dynamically add text
addTextButton.onclick = function(){
spanContent.innerHTML = "Added This Text.";
};
removeSpanTextButton.onclick = function(){
spanContent.innerHTML = "";
};
jsFiddle