如何在没有使用class或id的情况下访问特定元素?
P粉106301763
P粉106301763 2023-08-31 19:11:14
0
2
457
<p>我正在尝试操作所有的HTML标签,代码如下所示:</p> <pre class="brush:php;toolbar:false;">var elements = document.getElementsByTagName("<*>")</pre> <p>我想要操作变量<code>elements</code>并修改其中的标签。</p> <p>问题是,我需要给它们添加一个ID或某种类名。</p> <p>除了添加ID或类名之外,还有其他方法吗? 标签是否有默认的特殊ID或其他什么东西?</p> <p>非常感谢。</p> <p>编辑:</p> <p>我使用了<code>data-id</code>来操作这些元素。所以...现在我的代码看起来像这样:</p> <pre class="lang-js prettyprint-override"><code>const dataIDName = "data-spellchecker" //初始化data-id noOfElements++; elements[i].setAttribute(dataIDName, noOfElements); </code></pre> <pre class="lang-js prettyprint-override"><code>//通过data-id变量获取DOM元素 //dataId是你的data-id变量 document.querySelector(`[${dataIDName}="${dataId}"]`); </code></pre></p>
P粉106301763
P粉106301763

全部回复(2)
P粉244730625

您可以根据以下主要方式获取元素:

  1. Id
  2. Class
  3. Name
  4. Tagname

此外,您还可以使用自己的逻辑来使用xpath。

P粉706038741

您可以为其分配data-id和值

您可以使用jquery访问它

const value = $(event.currentTarget).attr('data-id')

示例:

<button class="submitButton" id="btn1" data-id="1">提交</Button>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!