javascript - 帮助通过 Javascript 将一个元素解析为另一个元素

标签 javascript dom

我想替换下面按钮的一个变量:

<script type="text/javascript">
  var btn = window.document.getElementById('btn_fb_1');
</script>
<button id="btn_fb_1" type="button">Log into Somewhere<br />(Joe Doe)</button>

使用上面的“btn”变量,如何用这样的文本替换整个元素(注意我需要保留“Joe Doe”:

Connected to Somewhere<br />(Joe Doe)

最佳答案

试试这个代码:


var btn = window.document.getElementById('btn_fb_1');
var d = document.createElement('div');
var name = btn.innerHTML.match(/\(.*\)/);
d.innerHTML = 'Connected to Somewhere<br />'+name;
btn.parentNode.replaceChild(d, btn); // replace btn with d

关于javascript - 帮助通过 Javascript 将一个元素解析为另一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3679772/

相关文章:

javascript - Laravel JavaScript 将数组从后端传递到 JavaScript 中的数组

javascript - jQuery 在 iframe 的顶部/主窗口中隐藏/访问元素

javascript - 如何检测 DOM 属性的变化?

java - 如何在java中从XML中获取节点和节点值

java - 如何在 GWT 2.6 DatePicker 中将最大日期设置为今天?

javascript - 如何统一更改字体大小?

javascript - 使用 AngularJS 从 Web 服务加载数据

php - 使用 PHP DOM 解析 HTML - 类包含文本

javascript - 通过类名自动链接多个元素

javascript - 迭代表列并构建 JSON - jQuery