javascript - 获取 [object HTMLDivElement] 的值

Question

我正在尝试给我儿子做一个拼写测验。我想在mysql中输入他的周词id,word,weekNo字段我正在使用 js 文本转语音来说出这个词，然后他将其输入文本框。他提交后有一个功能来检查它是否正确，然后说出 mysql 行中的下一个单词。我得到下一行...

     $.ajax({
       type: "POST",
       url: "getNext.php",
       data: "count=" + $number,
       success: function(results){
         $('#results').append(results);
       }
     });

getNext.php

    $result = mysql_query("SELECT * FROM spelling LIMIT 
    {$_POST['count']},1");
    while($row = mysql_fetch_array($result))
    {
    echo "<div class='result'>".$row['word'] ."</div>";
    }

在 index.php 上，我可以在提交时一一显示 $row['word']

    <div id='results'></div>

我的问题是我不知道如何从 ajax 调用中获取值到 TTS，我尝试的所有内容都说“object HTMLDivElement”

这是我需要获取 ajax 值的行...

    var message = new SpeechSynthesisUtterance(AJAX.VALUE.HERE);

Answer 1

根据我的猜测，您从 ajax 获得的响应是​​带有 id="result" 的 html 标记。您可以通过 ajaxResponse.innerText 获取实际值

换句话说，如果您将输出作为“object HTMLDivElement”，那么这是一个 div 元素，并且它具有属性 innerText 以访问其值所以最终代码是

var message = new SpeechSynthesisUtterance(AJAX.VALUE.HERE.innertText);