使用Js更新HTML列表
使用Js更新HTML列表
提问于 2010-11-30 05:19:08
所以我有个类似拼字游戏的js游戏。现在，当用户创建一个新单词时，我希望将这个单词添加到显示在页面div中的列表中。问题是，我完全不明白，我如何才能保持我的旧单词创建，并插入一个新的格式和所有的新单词的列表形式。
我知道有个标签--
<ul>
<li>apple</li>
<li>ball</li>
</ul>但是，我不知道如何使用java脚本作为一个新的列表条目输入这个单词。
我使用js显示由以下语法创建的单词
document.getElementById('currentword').innerHTML = word;其中word是保存当前创建的单词的变量，currentword是div id。但是，如何对列表使用这种语法呢？请帮帮我！
谢谢
编辑:我还希望列表中的最后一项作为我列表上的第一项。似乎列表本身填充，但最近的条目被隐藏，列表并没有真正自动向下滚动，因为项目被添加。PS:另外，如果有人知道我如何可以将CSS生成的俗气滚动条选项替换为自定义滚动条。如果你能指引我正确的方向，那就太好了！
回答 5
Stack Overflow用户
回答已采纳
发布于 2010-11-30 05:23:58
列出了一份清单：
<ul id="theList" >
<li>apple</li>
<li>ball</li>
</ul>您可以添加这样的<li> (假设变量word包含要添加的单词)：
document.getElementById('theList').innerHTML += ('<li>'+word+'</li>');还有其他的方法，但这个可能是最简单的。
Stack Overflow用户
发布于 2010-11-30 05:26:27
我将jQuery用于多姆操作，并向您推荐同样的方法，它增加了大量可读性和大量整洁(x浏览器友好)功能。
例如..。如果您使用的是追加，则jQuery api调用将完成此工作。
<ul id="words">
<li>Some Word</li>
<li>Another Word</li>
</ul>
$("#words").append("<li>" + yourNewWord + "</li>");或者直接的javascript..。
document.getElementById('words').innerHTML += '<li>' + yourNewWord + '</li>';编辑：--我相信摩托工具--相当于.append的是.grab
Stack Overflow用户
发布于 2010-11-30 05:25:04
基本理念：
var li = document.createElement("li");
li.innerHTML = "new text";
document.getElementById("TheULsId").appendChild(li);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4310759
复制相关文章
相似问题
腾讯云开发者
