更改HTML代码的Javascript

更改HTML代码的Javascript,javascript,html,Javascript,Html,当您输入变量将代码添加到html中时,是否可以将javascript设置为。。?我英语不太好,所以…我要画它! 另外,我不希望它改变一切,但我希望它只是为了补充这一点 信息列表..我有预先制作的HTML页面与链接的CSS。 如果你有任何问题,请问我,帮帮我( 我知道HTML和CSS,java..一点也不知道/ 如果您正在这里阅读,谢谢!也许类似的内容可以帮助您: HTML: (功能(){ 变量更新程序=(函数(){ 函数更新程序(选项){ this.table=options.table;

当您输入变量将代码添加到html中时,是否可以将javascript设置为。。?我英语不太好,所以…我要画它! 另外,我不希望它改变一切,但我希望它只是为了补充这一点 信息列表..我有预先制作的HTML页面与链接的CSS。 如果你有任何问题,请问我,帮帮我(

我知道HTML和CSS,java..一点也不知道/


如果您正在这里阅读,谢谢!也许类似的内容可以帮助您:

HTML:


(功能(){
变量更新程序=(函数(){
函数更新程序(选项){
this.table=options.table;
this.cells=this.table.querySelectorAll('.cell');
this.num_cells=this.cells?this.cells.length:0;
}
updater.prototype.update_元素=函数(索引,值){
this.cells[index].innerHTML=value;
};
updater.prototype.add_元素=函数(){
var td=document.createElement('td');
td.setAttribute('class','cell');
此.table.appendChild(td);
这个。细胞。推动(td);
这个.num_cells++;
};
返回更新程序;
})();
window.updater=更新程序;
})();
变量表,a,计数=0;
table=document.getElementById('update-table');
a=新的更新程序({table:table});
对于(变量i=0;i<5;++i){
a、 添加_元素();
a、 更新_元素(i,'info'+i);
}

您可以通过JavaScript将html添加到页面中

1) 只需创建一个id为的div

<div id="enterTextHere"></div>

我相信还有很多,但没有你的具体代码参考这是我能做的最好的。请使用此链接作为参考。它还为您的HTML之旅提供了很多有用的信息。享受吧

当然可以,但是您可以使用javascript来修改页面的内容,而不是向我们展示一张图——添加您的代码和您迄今为止所做的尝试。现在几乎每个现代网站都是这样做的。到目前为止,你取得了什么成就?我有这样一个:HTML:CSS:如果你试图显示info1,info2,info3,当我把它放在我的HTML中时,使用ul,我得到的都是一样的,但我也得到了“value::4 value::5 value::6 value::7”…:/是否要向列表中动态添加新元素并更新它们?我编辑了代码。如果删除setTimeout(),元素将保留您设置的值作为第一个值。我以为你想在脚本中实时更新它们以跟踪任何内容。你是什么意思?你只想设置给定4/5列表项的html吗。还是需要更新列表元素中的文本?如果只想设置这些元素的文本,请从脚本中删除setTimeout(function(){..},1500)部分。已更新脚本。它应该执行图像上显示的操作。我希望脚本更改内容,但当我刷新页面时,我希望保存该内容,并且该脚本为空,以便我可以添加更多内容,而无需替换旧内容。您可以使用document.cookie。这将允许您将所有列表项存储在cookie中。通过这种方式,您可以编写一些Javascript代码来读取现有的cookie,并以这种方式列出列表。好吧,这很容易说,但我对HTML和css编程非常陌生/Cookie是有限的,不应用于存储任意数据。HTML5LocalStorage对于现代浏览器或缓存列表并快速交付列表的缓存引擎来说是一种很好的方式。谢谢用户2429266。我没有想到这一点。我以前用cookies做了一个面包屑列表,它可以存储用户以前的URL,并且运行良好。对于新手来说,饼干很容易学。
<div id="enterTextHere"></div>
var desiredElement = document.getElementById("enterTextHere");
desiredElement.innerHTML = "<p>I added text!</p>";
$("#enterTextHere").append("I added text!");