Javascript 属性和变量（简单）

我正在尝试使用变量作为属性值

我有：

var text = "Hello!";

HTML是：

-->（我希望属性id等于文本变量）

我怎样才能做到这一点

多谢各位

---

编辑

我的问题会更具体一些

以下是我真正拥有的：

<li class="product" name="RD-101" price="18"  minimum="4" gap="4"> 
                         <a class="product-image fancybox" href="images/product_big.jpg" title="Picture 4">
                             <img src="images/product_2.png" alt="Preview"/>
                             <div class="text-overlay">
                              <p class="product-heading">Description</p>
                               Enseignes résidentielles imprimées sur 2 panneaux 4 mm 36” x 24” collés dos à dos.
                             </div>
                         </a>
                         <p class="product-heading">RD-101 (Simple)</p>
                         <a href="#" id="test" class="product-buy">Ajouter au panier</a>
                         <p class="product-meta">Double de pareterre 32x24</p>
                         <div class="product-price">18<span class="product-currency">$</span></div>

                    </li>

RD-101（简单）

Double de pareterre 32x24
18$

如您所见，我使用在Javascript代码中设置的自定义属性。 我想知道如何设置（例如）…将PRICE属性设置为一个变量值，而不是像我现在粘贴的那样设置为数字“18”

我在想类似-->

使用

$（“li.pro”）.attr（'id'，text）使用jQuery

请记住属性
名称
对于

编辑：

在没有jQuery的情况下，此代码向所有
li
元素添加
price
（无效）属性

<ul id="my_ul_id">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>


一,
二,
三,


-

var text='Hello'；
var arr_li=document.getElementById（“my_ul_id”）.getElementsByTagName（“li”）；
对于（var i=0；i
，由于您指定了“javascript”而不是“jquery”，您可以按照以下步骤执行操作

<script type="text/javascript">
var text = "Hello!";
document.getElementById("liItem").setAttribute("id",text);
</script>

<ul>
  <li class="pro" id="liItem">
</ul>


var text=“你好！”；
document.getElementById（“liItem”）.setAttribute（“id”，文本）；




更新了以反映属性从“名称”到“id”的变化

您可以为属性使用任何名称，您可以使用JQuery方法：

Javascript会将其设置为

<script type="text/javascript">
    var text = "Hello!";
    document.getElementById("changeMe").setAttribute("id",text);
</script>

<ul>
   <li id="changeMe">
</ul>


var text=“你好！”；
document.getElementById（“changeMe”）.setAttribute（“id”，文本）；




setAttribute将提供的属性（第一个参数）设置为第二个参数的值…因此元素。setAttribute（“name”、“john smith”）将把名称设置为“john smith”，元素。setAttribute（“class”、“math”）将把class属性设置为“math”。
您也可以使用javascript模板库进行设置

一些例子：



/


例如，使用JavascriptMVC，包含以下行（其中文本实际上是JS变量）的ejs文件将转换为html：

<li class="pro" id="<%= text %>">


你可以在这里读到：

欢迎来到奇妙的无限Javascript框架/库世界：）
 
li
元素没有
名称
属性。如果要存储自定义数据，请使用
data name
。确定。但是假设属性是“id”…如何使它等于文本变量值？这就是我需要做的know@user1388136自从你更新后，我现在很困惑。您是说希望此特定
对象的ID与“text”变量的内容相同吗？因此，在您的示例中，期望的结果是
？这似乎有点奇怪，谢谢你。所以没有HTML/Javascript方法来实现这一点？我不能只键入-->id=“MYVARIABLE”？jQuery是一个Javascript库，它将简化您的生活，您也可以不用它来完成。好的。所以我不能直接写-->
？或者类似的？嗯。。。取决于你在做什么。你为什么要换身份证？我不是想换身份证。我使用的是自定义属性，所以我想要更改的真正属性称为PRICE。所以，
…这就是我想要它看起来的样子。我编辑了我的第一篇文章，也许它会帮助你理解我在寻找什么？好的。我编辑了我的第一篇文章，也许它能帮助你们理解我在寻找什么？看起来你们已经和Samx一起整理好了，你们都做得很好。作为将来的参考，直接说出你想要什么。。。要求别人做一些不一样的事情（在这种情况下，要求别人做一些没有意义的事情）让人困惑是没有意义的。这就意味着这个变量实际上是文本变量？但是作为身份证，对吗？
$("li.pro").attr('name', text);

var theName = 'yourMom';
$('li.pro').attr('name', theName);​

<script type="text/javascript">
    var text = "Hello!";
    document.getElementById("changeMe").setAttribute("id",text);
</script>

<ul>
   <li id="changeMe">
</ul>

<li class="pro" id="<%= text %>">