Question

我做了这个小动画，所以我可以练习，其目的是将最后一个字母添加到单词的开头。我认为它应该与“.innerTEXT”而不是.data一起使用，但事实并非如此。你能解释一下.data为什么以及如何工作？在w3schools我已经知道.data会返回一个URL，所以这不应该与.innerTEXT一起使用吗？

document.addEventListener('DOMContentLoaded', function() {
const div = document.getElementById('1');
const node = div.childNodes[0];
let text = node.data;

setInterval(() => {
text=text[text.length - 1] + text.substring(0, text.length-1);
node.data = text;
}, 100);
});

<div id="1">asdf</div>

Answer 1

请参阅下面git commit -am "Add submodule" git push的工作示例。

＆＃13;

innerText

＆＃13;

document.addEventListener('DOMContentLoaded', function() {
const div = document.getElementById('1');
let text = div.innerText;

setInterval(() => {
    text=text[text.length - 1] + text.substring(0, text.length-1);
    div.innerText = text;
}, 100);
});

＆＃13;

您也可以像对待节点那样对节点执行此操作，但应使用<div id="1">asdf</div>：

＆＃13;

textContent

＆＃13;

document.addEventListener('DOMContentLoaded', function() {
const div = document.getElementById('1');
const node = div.childNodes[0];
let text = node.textContent;

setInterval(() => {
    text=text[text.length - 1] + text.substring(0, text.length-1);
    node.textContent = text;
}, 100);
});

＆＃13;

小动画只适用于.data？

1 个答案: