Javascript 当var等于div值时发出警报

当我的javascript

var

equal

div

value时，我试图显示一条警报消息，下面是我尝试的内容：

function checkmydiv() {
    var ElementCssClass = document.getElementById("Target");
    if (ElementCssClass == "hello")
    {
        alert("the div has a value");
    }
​}​

这是我的html代码

<div id="Target" >hello</div>

<input type="button" value="bader" onclick = "checkmydiv();" />​

你好 ​ 我不知道哪里出错了，当我单击按钮时，没有弹出任何内容

---

感谢所有帮助：）

您需要从该元素获取文本内容。现在，您正在将对象引用与

hello

进行比较，这显然不起作用

if (ElementCssClass.textContent == "hello") {
}

这就是你要找的

警告一句：

.textContent

受所有现代浏览器（=最新版本）的支持。然而，旧版本的IE可能不承认这个属性。所以你可能想做一些类似的事情

var myText = ElementCssClass.textContent || ElementCssClass.text;

---

然后将

myText

中的值与

hello

进行比较，或者只使用

elementcsclass.innerHTML

。我更喜欢前一种解决方案，因为使用

.innerHTML

可能会在另一种情况下给您带来麻烦。

您需要从该元素获取文本内容。现在，您正在将对象引用与

hello

进行比较，这显然不起作用

if (ElementCssClass.textContent == "hello") {
}

这就是你要找的

警告一句：

.textContent

受所有现代浏览器（=最新版本）的支持。然而，旧版本的IE可能不承认这个属性。所以你可能想做一些类似的事情

var myText = ElementCssClass.textContent || ElementCssClass.text;

---

然后将

myText

中的值与

hello

进行比较，或者只使用

elementcsclass.innerHTML

。我更喜欢前一种解决方案，因为在另一种情况下使用

.innerHTML

可能会给您带来麻烦。

问题是变量

elementcsclass

现在是一个DOM节点/对象，而不是字符串；您需要使用

innerHTML

或

innerText

或

textContent

：

function checkmydiv() {
    var ElementCssClass = document.getElementById("Target").innerHTML;

    if (ElementCssClass == "hello") {
        alert("the div has a value");
    }
}​

另外，为了获得良好的实践效果，我是否可以建议您远离在线JavaScript：

function checkmydiv() {
    var ElementCssClass = document.getElementById("Target");

    if (ElementCssClass.innerHTML == "hello") {
        alert("the div has value");
    }
}

var input = document.getElementsByTagName('input');
for (var i = 0, len = input.length; i < len; i++) {
    if (input[i].value == 'bader') {
        input[i].onclick = function() {
            checkmydiv();
        }
    }
}​

函数checkmydiv（）{
var ElementCssClass=document.getElementById（“目标”）；
if（elementcscslass.innerHTML==“你好”）{
警报（“div有价值”）；
}
}
var input=document.getElementsByTagName（'input'）；
对于（变量i=0，len=input.length；i

为了减少对元素/文本内容进行硬编码以进行比较的需要，您可以将参数传递到函数中：

function checkmydiv(id, str) {
    var ElementCssClass = document.getElementById(id);

    if (ElementCssClass.innerHTML == str) {
        alert("the div has value");
    }
    else {
        alert("the div does not have the value.");
    }
}

var input = document.getElementsByTagName('input');
for (var i = 0, len = input.length; i < len; i++) {
    if (input[i].value == 'bader') {
        input[i].onclick = function() {
            checkmydiv('Target', 'hello');
        }
    }
    else if (input[i].value == 'bilder') {
        input[i].onclick = function() {
            checkmydiv('Target', 'some other string');
        }
    }
}​

函数checkmydiv（id，str）{
var ElementCssClass=document.getElementById（id）；
if（elementcscslass.innerHTML==str）{
警报（“div有价值”）；
}
否则{
警报（“div没有该值”）；
}
}
var input=document.getElementsByTagName（'input'）；
对于（变量i=0，len=input.length；i

参考资料：

---

问题在于变量

elementcsclass

现在是DOM节点/对象，而不是字符串；您需要使用

innerHTML

或

innerText

或

textContent

：

function checkmydiv() {
    var ElementCssClass = document.getElementById("Target").innerHTML;

    if (ElementCssClass == "hello") {
        alert("the div has a value");
    }
}​

另外，为了获得良好的实践效果，我是否可以建议您远离在线JavaScript：

function checkmydiv() {
    var ElementCssClass = document.getElementById("Target");

    if (ElementCssClass.innerHTML == "hello") {
        alert("the div has value");
    }
}

var input = document.getElementsByTagName('input');
for (var i = 0, len = input.length; i < len; i++) {
    if (input[i].value == 'bader') {
        input[i].onclick = function() {
            checkmydiv();
        }
    }
}​

函数checkmydiv（）{
var ElementCssClass=document.getElementById（“目标”）；
if（elementcscslass.innerHTML==“你好”）{
警报（“div有价值”）；
}
}
var input=document.getElementsByTagName（'input'）；
对于（变量i=0，len=input.length；i

为了减少对元素/文本内容进行硬编码以进行比较的需要，您可以将参数传递到函数中：

function checkmydiv(id, str) {
    var ElementCssClass = document.getElementById(id);

    if (ElementCssClass.innerHTML == str) {
        alert("the div has value");
    }
    else {
        alert("the div does not have the value.");
    }
}

var input = document.getElementsByTagName('input');
for (var i = 0, len = input.length; i < len; i++) {
    if (input[i].value == 'bader') {
        input[i].onclick = function() {
            checkmydiv('Target', 'hello');
        }
    }
    else if (input[i].value == 'bilder') {
        input[i].onclick = function() {
            checkmydiv('Target', 'some other string');
        }
    }
}​

函数checkmydiv（id，str）{
var ElementCssClass=document.getElementById（id）；
if（elementcscslass.innerHTML==str）{
警报（“div有价值”）；
}
否则{
警报（“div没有该值”）；
}
}
var input=document.getElementsByTagName（'input'）；
对于（变量i=0，len=input.length；i

参考资料：

---

您正在检查元素是否等于“hello”。您需要与元素的内容进行比较。您正在检查元素是否等于“hello”。您需要改为与元素的内容进行比较。@BaderHAlRayyes:您的小提琴设置错误。Javascript需要在头脑中。试试这个：@Baderhalrayes:你的小提琴设置错误。Javascript需要在头脑中。试试这个：不客气，我很高兴能帮上忙不客气，我很高兴能为您提供帮助