如何在html标签的innerhtml中使用JavaScript变量(使用变量名创建一个列表项)
在HTML标签的innerHTML中使用JavaScript变量可以通过字符串拼接的方式将变量的值插入到HTML代码中。具体步骤如下：
- 首先，在JavaScript代码中定义一个变量，例如：
- 首先，在JavaScript代码中定义一个变量，例如：
- 然后，获取需要插入变量的HTML元素，可以使用getElementById等方法获取对应的元素对象。
- 接下来，使用innerHTML属性将HTML代码与变量的值进行拼接，然后将拼接后的字符串赋给innerHTML属性。例如：
- 接下来，使用innerHTML属性将HTML代码与变量的值进行拼接，然后将拼接后的字符串赋给innerHTML属性。例如：
上述代码中，假设存在一个id为"list"的HTML元素，通过getElementById方法获取该元素的对象，并将变量name的值拼接在一个li标签中，最后通过赋值给innerHTML属性插入到HTML元素中。
这样，就可以在HTML标签的innerHTML中使用JavaScript变量来创建一个列表项。
相关·内容
这就是我尝试过的 let somejsvar = 'hello world'
document.getElementById('id_element_in_html').innerHTML = '<li> somejsvar </li>'; 我的输出： >>> - somejsvar 所需输出： >>> - hello world
浏览 131提问于2019-03-16得票数 1
回答已采纳
1回答
为了本地化目的，我尝试使用对象和数组。现在的问题是，它需要大量的编码才能从对象1到1加载正确的值。然而，这根本行不通。= text.de;}element.innerH
浏览 2提问于2022-06-27得票数 0
1回答
是否有可能通过按下列表中的按钮来获取列表项目的文本？我不能用id来识别它，因为它会根据用户输入的内容进行更改。HTML如下所示：<li>remove this<button>X</button></li></ul>
到目前为止我在Javas
浏览 0提问于2019-10-05得票数 1
回答已采纳
嗨,
属性绑定innerHTML只接受原始html标记之间的文本，并且锚标记功能不应用于数据绑定。因此，我希望锚标记功能能够正常工作。意味着当我将这个绑定到模板中时，锚标签被移除了。我的目标是同时实现innerHTML和锚标记功能。当我单击任何通知列表项时，它会将我带到另一个页面。因为JSON只给我提供这些数据。有人能帮我吗？<a data-link="admin-invoice-list" href=&qu
浏览 5提问于2017-12-08得票数 0
3回答
我在javascript中有以下字符串。str = '<a href="/display/1">This is link</a>';str.innerHTML
但是获取未定义的
浏览 4提问于2011-10-19得票数 2
回答已采纳
怎样才能使dcc.Checkbox的标签成为超链接？将标签设置为'''<a href="...">text</a>'''或将其设置为html.A对象都不起作用。
浏览 2提问于2021-04-20得票数 0
我正在通过Code.org网络实验室创建一个网站，我在标签中有一个变量，我想在它达到100时重新着色。在页面的HTML或Javascript部分中，我应该使用什么代码来实现这一点？这对我来说是一个新的概念，将Javascript添加到HTML中，所以我在Google和Stack Overflow上查找了答案。每个结果都只是讨论了要么给段落
浏览 35提问于2019-04-02得票数 2
回答已采纳
1回答
我创建了一个JavaScript类，如下所示： this.myProp = '';MyClass.prototype.myTestFunctionvar myTestInstance = new MyClass();这将输出一个带有'test‘的警报。现在，我希望将变量名“myTestInstance”放入函数“myTestFuncti
浏览 0提问于2012-06-06得票数 0
回答已采纳
模糊的是我自己。抱歉，不小心。。还有一些JavaScript，这是我的文件中的代码。提交表单时将触发函数getResult()。getResult(){ document.getElementById('
浏览 3提问于2016-01-05得票数 0
回答已采纳
2回答
与本地主机连接
、、
我正在创建一种将SPSS标签读入R中的方法。使用库(SjPlot)，view_spss(df，useViewer = FALSE)，我可以创建一个本地html页面，比如，它显示了一个很好的表，其中包含变量名和我要寻找的标签的列。现在，我想使用rvest来刮掉它，但是当我开始使用像page &l
浏览 14提问于2015-06-12得票数 2
回答已采纳
我经常使用像这样的函数： return document.getElementById(name);它的用法如下：通常，我正在创建的变量的名称与传递给elem函数的字符串相同。如何创建返回与变量名相同id的元素的函数？
浏览 6提问于2015-06-22得票数 0
回答已采纳
我正在尝试编写一些javascript来获取li元素(1-16)的内部文本，并将它们放入隐藏字段中。input name="fileName9" type="hidden" id="fileName9" />
如何返回<li>之间的文本并放入隐藏字段
浏览 2提问于2011-10-12得票数 2
回答已采纳
1回答
我有一些问题，我的R数据准备(从SPSS进口)，并未能找到一个解决方案在网上。我有一个包含42个变量(列)的数据框架和另一个为标签创建的数据框架。包含变量名；第1列包含SPSS中的标签。现在，我想为42列的子组提取这些<e
浏览 4提问于2018-04-11得票数 0
我有一个python应用程序，发送个性化的HTML电子邮件，它加载一个HTML模板与标签，如名称，日期…<label id="date"></label在加载的HTML的末尾，我添加了一个带有这些标签的值<em
浏览 3提问于2019-02-05得票数 0
我正在努力创建一个淡出效果使用香草JavaScript。添加className属性适用于使用document.createElement方法创建的元素，但似乎无法使用var elem = "<li> List Item </li>"方法。我在html中有一个id列表的ul，我正在使用html字符串方法创
浏览 4提问于2017-06-05得票数 0
回答已采纳
3回答
菜单上只有一个页面
、、、
我并不是真的喜欢那些编码术语，所以我很难找到我的问题的答案。我想要创建一个单一网站菜单。因此，如果我按下列表项，浏览器应该打开其他内容，但在同一页上。我尝试使用css与目标，但每次我点击一个新的目标，标签将重叠，旧的内容不会消失。我尝试在innerHTML中使用Javascript，但是在javascript中，我需要将整个页面
浏览 4提问于2015-06-23得票数 1
回答已采纳
我有一组csv文件，使用-insheet-命令可以非常简单地加载到Stata中。但它们的变量名没有多少信息。对于这些文件中的每个文件，我还有一个元数据文件，其中包含两列:原始(无信息的)变量名和变量实际含义的描述。我想使用这些元数据文件来创建变量标签，最好不要经历并键入所有单独的标签<
浏览 3提问于2013-01-30得票数 2
回答已采纳
2回答
我面临一个问题，我想使用javascript创建一个列表项目。我要做的是先附上一个列表项目。在此之后插入新的列表项。但它为什么不按顺序插入物品。 newlistitem.innerHTMLn
浏览 1提问于2017-04-21得票数 2
回答已采纳
如何使JavaScript循环与liList变量关联，以实现DOM而不是凌驾于任何其他样式之上？我希望我的菜单项仍然是橙色的，对于第一个列表项，我希望保留在styleAbbr中创建的JavaScript变量。var styleAbbr = document.cre
浏览 4提问于2017-03-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
