想实现js每点击一次按钮，文本节点数字增加一却出现了NAN,怎么回事？

首页课程实战体系课手记专栏慕课教程

想实现js每点击一次按钮，文本节点数字增加一却出现了NAN,怎么回事？

想实现js每次点击，不断增加一个节点，节点的文本节点的数字比上一个节点的文本节点的数字增加一，但是怎么出现增加为NAN,已经用parseInt将字符串转换为数字了。可能语言描述不清晰，具体的的代码：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

margin: 0;

padding: 0;

}

</style>

</head>

<body>

</ul>

</body>

var oBtn = document.getElementsByTagName("input")[0];

oBtn.onclick = append;

function append(){

var oUl = document.getElementsByTagName("ul")[0];

var cRlitextnode = parseInt(oUl.lastChild.textNode);

cRlitextnode++;

console.log(cRlitextnode);

var li = document.createElement("li");

var textNode = document.createTextNode(cRlitextnode);

oUl.appendChild(li);

li.appendChild(textNode);

}

</script>

</html>

希望大家能够帮忙解答，谢谢|

繁花如伊

浏览 498回答 2

2回答

米琪卡哇伊

// 1. `Node.textNode`没有这个方法吧？？？你要获取节点里面的值还是老老实实用`innerHTML`吧~// 2. 假设上面你改好了，然后下面这样的格式写html，用`oUl.lastChild`获取到的....是一个回车符号233，parseInt('') = NaN 。。~惊不惊喜，意不意外~<ul class="oUl">    <li>1</li>    <li>2</li>    <li>3</li>    <li>4</li></ul>那么你可以写成这样：// html<ul class="oUl">    <li>1</li>    <li>2</li>    <li>3</li>    <li>4</li></ul>  // 最后一个不换行// jsvar cRlitextnode = oUl.lastChild.innerHTML;不改html的话——————或者这样var cRlitextnode = oUl.lastElementChild.innerHTML; // 注意firstElementChild的兼容性再或者兼容更好的var cRlitextnode = oUl.children[oUl.children.length - 1].innerHTML;

0 0

qq_花开花谢_0

var oBtn = document.getElementsByTagName("input")[0];    oBtn.onclick = append;    function append(){        var oUl = document.getElementsByTagName("ul")[0];        var cRlitextnode = parseInt(oUl.lastElementChild.innerText);        cRlitextnode++;        console.log(cRlitextnode);        var li = document.createElement("li");         var textNode = document.createTextNode(cRlitextnode);               oUl.appendChild(li);        li.appendChild(textNode);    }

0 0

随时随地看视频慕课网APP