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');

Answer 2

尝试getAttribute('value')

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

修改

使用data-attribute是一种好方法。

Answer 3

document.getElementById('assignment_string_full').attributes.value.nodeValue

使用document.getElementById将Text传递给JavaScript

3 个答案:

HTML

脚本