javascript - JS动态获取ID

<分区>

在我的页面上，我有几个包含产品信息及其作者的表格。我还有一个包含每个作者的超链接的 div。现在我正在使用 javascript 将作者姓名链接到超链接:

<script>
    onload = myfun;
    function myfun(){
        var show  =document.getElementById('2364').innerHTML;
        var link  = document.getElementsByClassName('2364');   
        var item  = link[0];  
        var item2 = link[1]; 
        document.getElementById('2364').innerHTML=item.outerHTML+'; '+item2.outerHTML;
    }
</script>

我的问题是我需要动态获取元素 ID，但我不确定该怎么做。

编辑:

Smarty 创建了 html，这是它的一部分:

<tr><td class="PLContent"><span class="manufacturer"><div id={$module_data.PRODUCTS_ID}>

<h3 id={php}echo $e++;{/php}>{$module_data.PRODUCTS_MANUFACTURER_NAME}{$MANUFACTURER_LINK}</h3></div></span>

动态 ID 意味着当用户点击作者时，页面将填充不同的产品，并且这些产品将具有不同的 ID。

最佳答案

感谢大家的回答，他们给了我一些想法。我设法通过以下方式解决了我的问题:

添加了一个仅包含产品 ID 的元素
将我的代码更改为:

var t1 = document.getElementById('1').innerHTML;
var link = document.getElementsByClassName(t1);
document.getElementById(t1).innerHTML = link[0].outerHTML;

因为我每页有 10 个产品，所以我将为每个更改 ID 的产品编写此函数。它可能不是很整洁，但它正在完成工作。

HTML:

<div id={$module_data.PRODUCTS_ID}>
    <p>{$module_data.PRODUCTS_MANUFACTURER_NAME}</p>
    <p id={php}echo $e++;{/php}>{$module_data.PRODUCTS_ID}</p>
</div>

关于javascript - JS动态获取ID，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22982856/

上一篇：javascript - 在嵌入式 Google map 上双指缩放可缩放整个页面

下一篇：javascript - 为什么通过 JavaScript 更改背景颜色会覆盖对象上的所有 CSS 选择器？

相关文章：

php - 表格标签和输入文本框之间的表宽空间

javascript - 如何使用 JavaScript/jQuery 在单击时更改特定 TD 的背景颜色？

javascript - Backbonejs 范围问题，变量以某种方式变得未定义

php - Javascript 提交不发送 POST 到 php 文件

javascript - 把字符串变成数字

javascript - 根据reactjs中的条件设置状态

html - html站点上的Node.js mysql显示表

Javascript 函数作用域和提升

javascript - 使用外部 javascript 文件时如何合并 jquery？

javascript - jQuery 没有创建表格行元素