В пределах условия IF, как работает тег <span>

Question

Я пытаюсь проверить <span> id с его текстом Опубликовано в условии IF и выполнить некоторый код. 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

Вам нужно использовать 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 2

• Вам необходимо использовать свойство innerHTML или innerText для доступа к содержимому вашего диапазона, используя решение innerHTML, следуя потоку кода: -

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

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

Answer 3

Проблема в том, что вы не можете выбрать элемент из javascript следующим образом:

var status=#post-status-display;

Это должно работать:

var status= document.querySelector('#post-status-display').innerText;
if(status=="Published"){
     //do some code
}

Кроме того, теги <style> не должныбыть там в середине вашего JavaScript ...