Question

这是我的代码：

<form action="eventssearch.php" method="post" onsubmit="return checkDate();">
    <p>
        <label for="date1">Date in the format DD/MM/YYYY:</label><br />
        <input type="text" id="date" name="date11" />
        <input type="submit" value="Check " />
        <br />(example 26/04/1975) <span class="error"> </span>
    </p>
</form>

我写了下面的代码，但没有用：

var dateField=document.getElementById('error');
dateField.value = "hi Mom"

我在这里找不到某种亲子关系吗？如果是这样，我怎么能发现它呢？

Answer 1

首先，当span元素有一个类＆＃39;错误＆＃39;而不是id时，你调用函数getElementById('error')。因此它永远找不到它。您应该将class="error"更改为id="error"。然后，您可以说dateFiled.innerHtml = "Hi Mom"而不是.value

Answer 2

<span class="error"></span>

<script>
    var dateField = document.getElementsByClassName('error');
    dateField[0].innerHTML = 'hi Mom';

    //or you could use
    var dateField2 = document.getElementByClassName('error');
    dateField2[0].textContent = 'hi Mom'; // this is using dom nodes
</script>

查看小提琴http://jsfiddle.net/h_awk/tFrx7/

如果字符为class=error

，则按类名获取元素

Answer 3

首先，您应该使用正确的方法来获取类实例，但是您使用getElementById()来获取类实例。使用getElementsByClassName()或querySelector()方法，其次，如果您使用的是javascript，或者如果您使用的是jquery，我认为您应该使用innerHTML，然后使用text()或html()方法

解决方案：

var err = document.getElementsByClassName('error')[0];
err.innerHTML = "say hi!";

如何将数据插入<span class =“error”> </span>

3 个答案: