如何使用javascript变量作为html的div id？
在JavaScript中，可以使用变量作为HTML的div id。要实现这个，你可以使用以下步骤：
- 首先，确保你已经在HTML文档中定义了一个div元素，它需要有一个id属性，但该属性可以设置为空。
<div id=""></div>- 在JavaScript代码中，你可以声明一个变量，并赋予它一个值，该值将作为div的id。
var dynamicId = "myDynamicId";- 接下来，你可以通过document对象的getElementById方法选择要操作的div元素，并将动态id赋值给它。
document.getElementById("").id = dynamicId;其中，getElementById方法使用一个参数作为选择器来匹配对应的元素，而id属性则可以用于设置或获取元素的id。
完整的示例代码如下：
<!DOCTYPE html>
<html>
<head>
<title>JavaScript动态设置div id</title>
<script type="text/javascript">
window.onload = function() {
var dynamicId = "myDynamicId";
document.getElementById("").id = dynamicId;
}
</script>
</head>
<body>
<div id=""></div>
</body>
</html>这样，当页面加载时，JavaScript代码将会被执行，将变量dynamicId的值赋给div元素的id属性，实现了使用JavaScript变量作为HTML的div id。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）是一种弹性计算服务，提供可靠性高、弹性伸缩的计算能力。您可以通过腾讯云云服务器来构建、部署、调整和扩展应用程序。了解更多信息，请访问 腾讯云云服务器。
相关·内容
1回答
在fadeOut完成后，我不知道如何在匿名函数中访问这个特定实例的插件“选项”。
在匿名函数'this‘中表示jquery元素，我如何访问’options.name‘？
这是插件“plugin.js”：
(function ($, window, document, undefined) {
'use strict';
var plugin = 'box',
defaults = {
wight: 26,
color: 'white'
};
浏览 1提问于2013-10-11得票数 0
回答已采纳
2回答
在父窗口中释放div有问题。我需要这样做:在index.html中打开的box.html中点击后，在div id=product1上，父窗口(index.html)中的div id=wProdBox1应该会被释放。如何显示jquery/css来做到这一点？
这是index.html
<div id="box1">Text</div>
<div id="wBox1">
<a href="#" class="hideLink">[X]</a>
<object
浏览 0提问于2012-03-01得票数 0
回答已采纳
我正在使用表格字符串格式创建HTML表，如何为使用JavaScript创建的表行添加OnClick事件。
HTML += "<tr id=\""+key+"_row\" onclick="showUserInfo('key')"><td class=\"tabletd\"><div id=\""+key+"_author\">" + annotatedBy + "</div ></td><td
浏览 2提问于2015-05-21得票数 0
我正在做一个我想要实现AJAX的项目，我已经决定将jQuery作为一个JavaScript库。下面是HTML：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
&l
浏览 2提问于2008-11-19得票数 2
回答已采纳
我有一个基本的rails应用程序，我非常依赖URL参数来显示或不显示逻辑。我能够使用UJS和link_to remote => true来对其进行公正处理，但当我单击这些链接时，显示的URL没有更新(这很有意义)，其他部分也无法读取URL参数
例如，在index.html.erb中(在UJS之前，您可以看到它是如何工作的)，
<div class="container-fluid">
<% if params[:category] %><div class="row-fluid span6">
<div
浏览 2提问于2012-03-04得票数 0
3回答
创建全局变量js
、、、
我需要在HTML中显示JS变量。
<script language="JavaScript">
function showHide(toShow,toHide,theValue) {
obj = document.getElementById(toShow);
obj2 = document.getElementById(toHide);
obj.style.display = 'block';
obj2.style.display = 'none';
}
</script>
但是我
浏览 0提问于2011-09-11得票数 0
我有两页
index.php和function.php
在页上`
index.php
有这段代码
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type='text/javascript' src='jquery.autocomplete.js'></script>
<link rel="stylesheet"
浏览 0提问于2015-09-29得票数 1
1回答
我直接链接到jquery.tmpl的git，不推荐这样做，我只是为了这个例子这样做，我也在本地测试过js，我得到了同样的问题。由于某些原因，${Variables}未呈现，它们返回空白。我以前做过几十次了，我错过了什么？
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content=&#
浏览 0提问于2011-03-20得票数 1
回答已采纳
我得到了一个
ReferenceError: ajax未定义
当我尝试进行ajax调用时，浏览器控制台中出现错误。
我很确定我正确地加载了jQuery库，因此我不明白如何不能定义$.ajax函数。
下面是HTML (没有无关的css和标记)：
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script&
浏览 0提问于2013-09-23得票数 3
回答已采纳
拜托，伙计们，我想用JavaScript替换一个HTML，但是它不能工作，我知道$("#div_id").HTML($("#div_id").html().replace (/<<(.*?)>>/g, "{{$1}}"));出了什么问题，有什么帮助吗？
浏览 2提问于2016-05-04得票数 1
回答已采纳
1回答
我将MVC与C#一起使用，也与jquery一起使用。
我正在使用jquery accordion查看员工详细信息列表。单击手风琴时，它将显示员工的详细信息。
当我单击编辑员工时，它会进入员工详细信息页面，保存后会将EmployeeDetailsID放入会话中。当我返回到accordion页面时，最后更新的员工的accordion应该是默认打开的(即Accordion应该是基于会话中的EmployeeDetailsID打开的)。
请建议如何执行此操作。
下面是供参考的代码。
<html>
<body>
<div class="accordion" i
浏览 1提问于2009-06-06得票数 0
我认为在JS中使用id访问元素的标准方法是使用getElementById。如果人们喜欢使用jQuery，那么他们可能会使用他们的选择器。但最近我遇到了一个非常简单的代码示例，如下所示：
HTML：
<div id="h">Hello</div>
联署材料：
h.innerHTML = "Too bad";
这是唯一的代码，没有其他变量声明，只供人们知道。
我们如何能够像访问Javascript对象一样访问div元素？
P.S.：代码示例有效。
浏览 8提问于2016-05-14得票数 3
回答已采纳
3回答
我创建了一个Django模板，它需要Django视图中的参数。其中一个参数是一些html，它显示甘特图。它不是将参数呈现为适当的html，而是将其呈现为文本。
为什么它将参数内容视为文本而不是识别<script>和<div>标记？
我要传递给Django视图的参数中的html如下所示：
<script language="Javascript" type="text/javascript">
window.onload = function() {
var MyVar
浏览 6提问于2015-05-28得票数 4
回答已采纳
以下是html代码：
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body class="- view-form">
<div id="container"> </div>
<script type="text/javascript">
var su
浏览 2提问于2015-06-20得票数 1
我使用JavaScript发出了一个Ajax请求。我将结果放在一个名为'response‘的变量中。我想使用'response‘变量作为PHP变量"$response“。我该怎么做呢？
<html>
<head>
<script src="{{asset("jquery/jquery.js")}}"></script>
</head>
<body>
<h1>AJAX</h1>
<div id="id01"> {{
浏览 21提问于2019-11-24得票数 0
我正在开发Django应用程序，该应用程序在一个页面上定位，并在数据库中搜索该区域的房地产清单，并在下一页返回结果。第二页还显示了在第1页中输入的位置，我想知道我的代码出了什么问题，我通过“ghar”对象访问了该变量的值，并将其存储在javascript中的一个名为address的变量中，我的头脚本和html文件是
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script t
浏览 4提问于2011-05-07得票数 2
我想使用javascript重新加载html页面的一部分，其中包含了树枝。我使用Symfony，所以我从控制器将一个变量发送到我的html中。例如，我有我的html：
<div id="block">
<button id="reload">Reload</button>
<p>{{ myVar }} </p>
</div>
我的var可以等于1，当我单击该按钮时，我想重新加载页面并增加myVar。这有可能吗？我在谷歌上看到了如何重新加载页面，但没有看到如何更新一个小
浏览 2提问于2017-05-04得票数 0
回答已采纳
1回答
我在让html2canvas给文本加下划线时遇到了问题。根据我对包的理解，下划线是支持的。我能够保存图像，并且没有任何其他CSS属性的问题。有什么想法吗？
下面是我的测试代码：
<html>
<head>
<script src="/jquery-1.10.2.min.js"></script>
<script language="javascript" type="text/javascript" src="/html2canvas.js"></script>
浏览 2提问于2014-03-15得票数 0
在第一次呈现之前，我一直试图在templete中添加或更新一个变量。我有一个Ajax请求，它发送一个很好的POST请求，但是当我试图将新变量destinations返回到相同的页面/模板index.html时，它不会出现。
我该如何纠正这种行为？
view.py
def index(request):
if request.method == 'POST':
dayset = request.POST.get('the_point')
dest = Destination(get_cons(dayset))
浏览 1提问于2015-04-15得票数 4
回答已采纳
我对javascript很陌生，我想知道如何将变量的值从第1页传递到第2页？在PHP中，当提交表单时，我可以在第2页$Test = $_POST[id1];上使用它来获得带有id1的表单元素的值。
在这种情况下，我不能使用表单或PHP，因为我正在填充包含数据库中的产品、图像和标题的Div，我需要使用Onclick();函数来存储单击的Div的值并将其传递给Page2；然后填充项的数据。
在不需要使用cookie的情况下，我如何轻松地实现这一点呢？
到目前为止，这就是我所拥有的：
<?php foreach( $result as $res) : ?>
<div cla
浏览 3提问于2013-11-22得票数 0
回答已采纳
我有一个JavaScript来处理文本输入的按键事件。如何将此输入或javascript函数的值传递给php变量？我不确定表单是否能工作，因为javascript函数在其他地方调用了另一个Ajax函数。
<?PHP
$valueOfInput = //how to assign this variable to value from text input ??
?>
<html>
<head>
<script>
function myFunc(e){
if (e.keyCode == 13)
浏览 0提问于2014-01-19得票数 0
回答已采纳
我有一个php javascript文件
在news.js中
news_id = 1;
document.write('<div id="news-id"></div>');
function output(strHtml) {
document.getElementById('news-id').innerHTML = strHtml;
}
在news.php中正在使用
<?php
$news_id =
?>
news_id
<?php
$str = '<p&g
浏览 0提问于2012-03-29得票数 1
回答已采纳
1回答
我在玩javascript，我不明白这个小片段是如何工作的：
html > <div id="foo_bar"></div>
javascript > foo_bar.textContent = "Hello, world!";
结果> <div id="foo_bar">Hello, world!</div>
foo_bar不是在代码中定义的变量。我的javascript代码中只有这一行。
查看jsFiddle演示：
那么到底发生了什么呢？
我一直认为，如果没有element.g
浏览 3提问于2013-12-29得票数 1
回答已采纳
1回答
我有一个复选框，用于存储数据库表中的值。因此，当我在页面上显示值时，它包含了一个值数组。
<input type="checkbox" id="chkdelt[<?php echo $id; ?>]" name="chkdelt[]" value="<?php echo $id; ?>">
上面给出的是复选框代码。
我有一个弹出块，它显示选中复选框的计数。
<div class="popup">
Show count here <span id=
浏览 1提问于2014-05-23得票数 0
回答已采纳
我正在学习HTML5和JQuery中Data-*属性的用法，了解如何简单地从div中检索数据。
这是我的标记：
<!DOCTYPE html>
<html >
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src="../Scripts/jquery-1.4.1.js"></script>
<script type="text/
浏览 0提问于2014-05-24得票数 1
以下错误不断重复..。我只想解释一下到底出了什么问题
错误
script.js:20 Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null
at renderHTML (script.js:20)
at XMLHttpRequest.ourRequest.onload (script.js:13)
javascript
var animalContainer=_('animal-info');
function _(id){
return document.getEl
浏览 3提问于2017-10-20得票数 2
问题是，我有一个带有4个文本输入的HTML表单，我将它提交给javascript函数，前3个输入工作得很好，但是第四个没有定义。
以下是重要的代码: HTML部分：
<form action="insertServer.php" method="post" id="insertServer">
Navn: <input type="text" name="navn" id="navn">
Netid: <input type="text&#
浏览 0提问于2013-12-20得票数 0
回答已采纳
我还在掌握Rails的诀窍。在这里，我使用的是Rails3，其目标基本上是在单击subscribe按钮时触发AJAX调用，post_form部分呈现在我刚刚订阅的主题的下方。然后，该按钮变为unsubscibe按钮，post_form部分被移除。按钮的切换单独起作用(即:删除紧随其后的两个代码段中的第二行)，但*post_form*部分的呈现不起作用。
问题是我似乎不能获得正确的语法和/或传递下面两个分词中的参数。没有传递topic对象，当单击subscribe或unsubscribe按钮时，我收到NilClass的invalid model_name错误。如果我手动刷新页面，部分内容会以正确
浏览 2提问于2012-07-21得票数 3
回答已采纳
我试图熟悉javascript，以及如何在html中使用它。我想做的非常简单，当一个值在下拉菜单id中发生变化时，就像用一个字符串填充输入字段一样。
这是HTML：
<div>
<input type="text" id="field_id" placeholder="Using..." style="width: 400px">
<select style="width: 180px" onchange="Test()">
<
浏览 6提问于2016-10-11得票数 0
回答已采纳
我的问题很简单，但在php代码中使用javascript有点困难。
这是我的代码：
<script>var showdiv1 = 0;</script>
--- some html codes ---------
<script>showdiv1 = showdiv1 + 1;</script>
<div class="col-md-12 box" id= "div<?php echo "<script type='text/javascri
浏览 2提问于2016-05-17得票数 1
回答已采纳
3回答
我是HTML和CSS的新手，我希望在这里得到一些帮助:D。我想在一个带有id navigationPaths的div容器上创建一个navigationPaths元素，它就是这个div容器。
<div id="navigationPaths">
这是我想要附加到这个ID的javascript代码的一部分，这就是我已经找到的部分。
var a = document.createElement('a');
var linkText = document.createTextNode("Path");
a.appendChild(linkTe
浏览 10提问于2022-06-09得票数 -1
回答已采纳
3回答
如何将ajax结果设置为全局变量PHP
这是index.php代码
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function()
{
functio
浏览 3提问于2013-09-19得票数 0
回答已采纳
下面是一些HTML：
<div>
hello text
<script src="/javascript.js" ></script>
</div>
在javascript.js中，我希望获得包含javascript.js的div的高度和宽度。
我发现了如何使用ID：
document.getElementById('foo').offsetWidth;
但是如何将它引用到包含javascript.js的那个div呢？
浏览 0提问于2013-05-10得票数 1
我有引用html ID的变量，如
<div data-role="footer" id="ftrPaxFlight">
<h4>© 2012, BT</h4>
</div>
我使用jQuery将javascript嵌入到html中，如下所示
<script>
$(document).ready(function() {
var ftrPaxFlight = $('#ftrPaxFlight');
var butMainLogi
浏览 3提问于2012-08-16得票数 0
回答已采纳
无论如何，即使该按钮是由脚本指定的，也没有定义它。少了什么？
index.html
$def with (form, text)
<html>
<head>
<title>Reverser</title>
<link rel="stylesheet" href="css/master.css">
</head>
<body>
<div>
浏览 3提问于2016-01-06得票数 0
回答已采纳
我有个小问题。我想做的是创建一个InnerHTML变量。
也许代码能更好地解释它，我现在拥有的是：
-Javascript
var VarOne = 'Four';
var VarTwo = 'Five';
var VarThree = 'Six';
function MyFunction(){
document.getElementById("MyDiv").innerHTML = ['Var' + event.target.id];
}
-Html
<div id="
浏览 2提问于2012-07-23得票数 0
回答已采纳
我在HTML中有一个div。它的值是：“显示31条条目中的1到25条”。数字31可以变化的地方。我想用javascript在某个变量中得到这个数字31。做这件事最好的方法是什么？
Javascript：
var x = document.getElementById('available-questions_info').innerHTML;
alert("CURRENT VALUE IS "+x);
HTML：
<div class="dataTables_info" id="available-questions_info
浏览 4提问于2015-10-03得票数 0
回答已采纳
先说清楚。我想在不使用jQuery的情况下做到这一点，换句话说，是的，我想重新发明轮子来理解轮子是如何工作的。据我理解，这是可以通过AJAX实现的，但是网络似乎只为这个问题提供了jQuery解决方案。我的目标是使用javascript生成html文档，但是在页面加载完输出之后，通过javascript将文档outerHTML的非脚本存根通过javascript生成到一个只包含指定文本的新.php文件中。
index.php
<!DOCTYPE html>
<?php
include 'devScript.php';
$div = n
浏览 7提问于2014-07-16得票数 0
我需要help..why，我的代码不工作吗?从form.serialize获取数据的正确方法是什么？地雷不起作用..。在将它传递给php时也是正确的吗？另外，我的php代码看起来很糟糕，不像一个好的oop。
html
<form action="" name="frm" id="frm" method="post">
<input type="text" name="title_val" value="" id="title_val
浏览 4提问于2013-12-03得票数 0
回答已采纳
1回答
我用的是弹力靴2和胸腺叶。 我在javascript中使用内部化。 <script type="text/javascript" th:inline="javascript">
$("div.samples-toolbars").html('<div><input type="checkbox" id="testDoneInclude" name="testDoneInclude" class="form-check-input" /
浏览 32提问于2019-02-09得票数 0
回答已采纳
1回答
在向php页面本身发送post请求后，我一直在尝试获取该页面的结果。我希望在post请求成功后获取数据，并使用id结果获取div元素的内容。代码如下：
<!DOCTYPE html>
<html>
<head>
<title>My Form</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(
浏览 1提问于2015-09-25得票数 0
当发生onclick事件时，我试图添加一些输入字段。我正在使用javascript来完成这个任务。当我试着拉小提琴的时候，效果很好。但在我的本地主机上不起作用。下面是错误信息。
ReferenceError: $ is not defined
$(".more").click(function() {
这是我的密码：
<!DOCTYPE script PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<h
浏览 2提问于2013-08-26得票数 0
回答已采纳
我有以下HTML代码：
<div id="ID_unique"></div>
<span class="a_random_class">a</span>
<span class="a_random_class">b</span>
<span class="a_random_class">c</span>
和Javascript
<script>
setTimeout(function() {
var element
浏览 5提问于2015-06-03得票数 2
回答已采纳
我试图制作一个非常简单的骰子滚动游戏，这样我就可以获得Javascript的基础知识。
这是两个骰子正在滚动-一个红色，一个蓝色-和一个计数器记分，每个骰子看多少轮赢了。
骰子滚得很好，但我在柜台上一点运气也没有。如果红色的更高，我希望它的计数器增加1。蓝色的也是如此。然而，目前什么都没有发生。
下面是HTML：
<div id="reds">
<div id="die1">0</div>
<div id="redCounter"></div>
</div>
<
浏览 2提问于2016-09-29得票数 0
回答已采纳
我想知道如何使jquery javascript库只影响HTML中的特定div？我们假设我们有以下代码：
<html>
<head>
</head>
<body>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery1.js" type="text/javascript"></script>
<div id=
浏览 0提问于2014-06-27得票数 0
我希望将<div id="homePagePosts">中的内容更改为服务器中的新数据。新数据采用服务器呈现的HTML格式。但是，在浏览器接收到AJAX数据之后，旧的HTML仍然保持不变。
如下面所示，当我console.log时，我可以在控制台中看到呈现的新的HTML。我已经将Javascript和JQuery文件放在了<body>的底部，但仍然无法工作。我不太清楚哪里出了问题。
<div id="homePagePosts">
<% include ../ajaxSnippets/mainHome %>
浏览 2提问于2018-03-15得票数 0
我想在字符串中使用变量。我已经尝试过很多次了，但它只得到了变量名。
<head>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
$("a").click(function(){
var id= $(".id").html();
浏览 0提问于2012-06-15得票数 15
回答已采纳
我的HTML：
<html>
<head>
<title>Circles!</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script&g
浏览 5提问于2014-08-04得票数 1
2回答
这是一个新手问题，我试图用jquery制作一个计数器，这是我从youtube上的一个教程中获得的代码，但它不起作用。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http//code.jquery.com/jquery- 1.7.1.min.js"></script>
</head>
<body>
<div id="counter">0</
浏览 5提问于2015-07-24得票数 0
回答已采纳
我试图获得一个下拉列表字段来显示或隐藏一个特定的div元素，其基础是所选的下拉文本而不是其值。下面有一个简单的例子，说明当您将data-bind设置为value时，它是有效的。
<DIV data-bind="visible: chosenCountry() === 'GBR'">
<SELECT id="countryList" data-bind="value: chosenCountry">
但是，当您将下拉字段设置为text时，它将变成一个空列表。
<DIV data-bind="vi
浏览 3提问于2015-06-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
