已知代码`<div class="cmd-input"><span>jrcd</span> AA<br></div>`,使用js`document.querySelector('.cmd-input').innerText.split(' ')[0]`未获取到`jrcd`字符串,请查找原因并修改代码
时间: 2024-03-04 09:49:07 浏览: 138
使用`document.querySelector('.cmd-input').innerText.split(' ')[0]`无法获取到`jrcd`字符串的原因是因为`innerText`属性会将所有的HTML标签和空格都去掉,只保留文本内容。因此,`<span>`和` `都会被忽略,只剩下`AA`和`<br>`。
如果想要获取`jrcd`字符串,可以使用`innerHTML`属性来获取包含HTML标签的内容,并使用正则表达式或其他方法来提取所需的文本。例如:
```javascript
var cmdInput = document.querySelector('.cmd-input');
var span = cmdInput.querySelector('span');
var text = span.innerHTML.trim(); // 去掉空格和换行符
```
这段代码会先获取class为`cmd-input`的元素,然后再从其中找到`<span>`元素,最后使用`innerHTML`属性获取该元素的HTML内容,并使用`trim()`方法去掉开头和结尾的空格和换行符。这样就可以获取到`jrcd`字符串了。
阅读全文