javascript - 使用 document.getElementById 将文本传递给 JavaScript

Question

我正在尝试通过 document.getElementById 将文本传递给 JavaScript 。具体来说，我试图传递 ID 的值(在下面的示例中设置为“Jason_Example_12”)。我可以传递整数值，但无法传递文本。

我考虑过使用innerHtml，但这并没有获取值，它只获取<li>之间的内容。标签。

如有任何帮助，我们将不胜感激!

谢谢!

<script type='text/javascript'>  

function ajaxAssignFull() {
var assignment_string = 
var assignment_string = document.getElementById('assignment_string_full').value
alert(assignment_string);   
}

</script>

<li id="assignment_string_full" onclick='ajaxAssignFull()' value="Jason_Example_12"><a 
href="#">Jason Example</a></li>

Answer 1

Value 将使您的 html 在 li 上无效，因为 li 没有 value 属性。相反，请尝试使用 html5 data-*。您始终可以使用 getAttribute('value')，但不鼓励这样做，因为 value 在 li 上无效。

HTML

<li id="assignment_string_full" onclick='ajaxAssignFull()' data-value="Jason_Example_12"><a 
href="#">Jason Example</a></li>

脚本

var assignment_string = document.getElementById('assignment_string_full').getAttribute('data-value');