时间戳

首页 > 解决方案 > 是否可以使用 JavaScript 更改元素的值

javascript - 是否可以使用 JavaScript 更改元素的值

问题描述

我正在尝试使用 JavaScript 插件更改第三方网页上元素的值以显示超链接

我已经有页面上的链接我希望能够单击它我认为我在使用正确的轨道document.getElementById虽然我不知道如何将 id 更改为“a href”然后如何通过它回到了价值。

抱歉，这有点棘手，所以我会尽力解释。在我们用于人力资源相关任务的第三方网页上，有一个标题为“文件链接”的部分，尽管这不是一个链接。当您将地址复制并粘贴到浏览器中时，它会显示该文件。我想要做的是在“文件链接”部分创建一个超链接，以消除复制和粘贴链接的需要。因为这是第三方网站。我们可以访问网站上的 JavaScript，需要将地址更改为超链接。我不完全确定这是可能的。元素 id 是“__C_cb_file_link”，我想使用变量将链接地址插入到元素中，然后将链接参数添加到变量中，然后将其重新插入到元素/值中。

function linkIt() {        
        var intoLink = document.getElementById("__C_cb_file_link");  
        var hLink = "<a href="+intoLink+"</a>;  
        intoLink.value = hLink;  
 }  
window.onload = linkIt();
<td><div class="sui-disabled" title="">m-files://view/37FF751C-A23F-4233-BD8B-243834E67731/0-46524?object=C46A7624-D24B-45F3-A301-5117EFC1F674</div>
<input type="hidden" name="__C_cb_file_link" id="__C_cb_file_link" value="m-files://view/37FF751C-A23F-4233-BD8B-243834E67731/0-46524?object=C46A7624-D24B-45F3-A301-5117EFC1F674"/></td></tr>

标签： javascripthtml

解决方案

在下面的代码中，我们首先使用新链接读取输入值（但是我们可以从其他 html 标记中读取这个值），然后我们删除这个元素（和按钮）并将新链接添加到父元素（删除的输入）

function linkIt() {
  let intoLink = __C_cb_file_link.value;
  let parent  = __C_cb_file_link.parentNode;
  __C_cb_file_link.remove();
  btn.remove();
  parent.innerHTML += `<a href="${intoLink}">${intoLink}</a>`; 
}
<input id="__C_cb_file_link" value="https://example.com">
<button id="btn" onclick="linkIt()">Link It</button>

推荐阅读