交换HTML或添加ID(使用推荐的Javascript方法无法切换HTML和内容)

时间:2016-05-05 02:54:28

标签: jquery html linux dom

提示为什么以下不起作用?

请注意非常重要的一点 没有“ID”目标带有“getElementByID” - 最终结果需要实际上是将“ID”添加到“a”元素:

我要修改的HTML部分:

<div id="TicketPseudoReply" class="pseudo_reply">

                <a href="" id="FwdButton" rel="note-button" data-note-type="reply" data-domhelper-name="reply-button" data-replyto-handle="">Reply</a> / 
                  <a href="" id="FwdButton" rel="note-button" data-note-type="fwd" data-domhelper-name="fwd-button">Forward</a> /
                **<a href="#" rel="note-button" data-note-type="note" data-domhelper-name="note-button">Add note</a>**
            </div>

寻求以下任一方式:

用新字符串

替换字符串
<a href="#" rel="note-button" data-note-type="note" data-domhelper-name="note-button">Add note</a>

<a **ID="clickEnabledNoteButton"** href="#" rel="note-button" data-note-type="note" data-domhelper-name="note-button">Add note</a>

OR

<div id="TicketPseudoReply" class="pseudo_reply">

                <a href="" id="FwdButton" rel="note-button" data-note-type="reply" data-domhelper-name="reply-button" data-replyto-handle="">Reply</a> / 
                  <a href="" id="FwdButton" rel="note-button" data-note-type="fwd" data-domhelper-name="fwd-button">Forward</a> /
                <a **ID="clickEnabledNoteButton"** href="#" rel="note-button" data-note-type="note" data-domhelper-name="note-button">Add note</a>
            </div>

我尝试过几种不同的方法 - 包括我在Stack上可以找到的方法。

这是我认为应该有效的最新内容,但没有显示我在文档[6]中寻找的更改:

function findThirdDescendant(parent, tagname) {
  parent = document.getElementByID(parent);
  var descendants = parent.getElementsByTagName(tagname);
      if ( descendants.length )
      return descendants[2];
  return null;
}

var elementClick = findThirdDescendant("TicketPseudoReply", "a");

elementClick.setAttribute("id", "clickEnabledNoteButton");

但是我要攻击的基础HTML仍然是相同的:仍然没有“ID = clickEnabledNoteButton”。 X * d

I've tried and read a lot但确实需要完成下一步。

非常感谢你的超凡智慧(即使非常卑鄙),并且应该向前付出代价。

引用(主要是堆栈)引用:

http://cmpstuff.blogspot.com/2016/05/references-cited-on-stack-question-yet.html

Enumerated "[1]", "[2]", "[3]" though the post on Stack* was significantly shortened. Refs offsite since anyone <10 rep = no >2 links. 
I realize, for good reasons.[7](also in the post linked)

0 个答案:

没有答案