如何将数据插入到span class="error">& lt; / span>

how to insert data into <span class="error"> </span>

本文关键字：quot span lt error class 数据 插入      更新时间：2023-09-26

下面是我的代码:

<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"

这里是否存在某种我没有看到的亲子关系?

第一个问题，当span元素具有类'error'而不是id时，您正在调用函数getElementById('error')。因此它永远找不到它。您应该将class="error"改为id="error"。那么你可以说dateFiled.innerHtml = "Hi Mom"而不是.value 

<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/

span class=error

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

解决方案:

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

相关文章：