Question

i am trying to to show an alert message when my javascript var equal div value , here is what i am trying here :

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

here is my html code

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

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

i do not know where did i go wrong , nothing popup when i click the button bader

appreciated all the help 🙂

Answer 1

You need to get the text content from that element. Right now, you’re comparing the object reference against hellowhich obviously won’t work.

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

is what you’re looking for.

One word auf caution: .textContent is supported by all modern browsers (=latest versions). However, old’ish version of IE might not recognize that property. So you might want to either do something like

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

and then compare the value from myText against hello or just use ElementCssClass.innerHTML. I’d prefer the former solution because using .innerHTML might bring you in trouble in another sitations.