我正在创建一个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

10-01 17:42
查看更多