在 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

问题是你不能从javascript中选择一个元素：

var status=#post-status-display;

这应该有效：

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

此外，<style>标签不应该出现在你的 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

• 或 innerText 属性来访问您的 span 内容，使用 innerHTML 解决方案，遵循您的代码流：-

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

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