Question

我正在尝试在IF条件下检查<span> id 及其文本 Published 并执行一些代码。 HTML代码如下所示。

<span id="post-status-display">
                Published</span>

我尝试了这个，但是没有解决

 function hide_edit_post(){ ?>
      <style type="text/css">
      var status=#post-status-display;
      if(status.text="Published"){
          .......
          //do some code
          .......
           }
      </style><?php

Answer 1

问题是您无法通过以下方式从javascript中选择元素：

 const myModule = Object.create(someModule);
 myModule.doThings = () => {
    console.log("it works");
    return someModule.doThings();
 }

这应该有效：

var status=#post-status-display;

此外，var status= document.querySelector('#post-status-display').innerText; if(status=="Published"){ //do some code }标记不应该出现在javascript的中间...

Answer 2

您需要使用innerText来获取元素中的原始文本值。

const element = document.getElementById('post-status-display');
const text = element.innerText;
if (text === 'Published') {
  console.log('Yes it is:', text);
}

<span id="post-status-display">
                Published</span>

Answer 3

您需要按照代码流，使用innerHTML解决方案使用innerHTML或innerText属性访问您的跨度内容：-

let status = document.getElementById('post-status-display').innerHTML;
        if (status === 'Published') {
            //do some code
        }

<span id="post-status-display">Published</span>

在IF条件下，<span>标签如何工作

3 个答案: