尝试将段落的title属性与段落的内容进行交换

时间:2016-05-28 15:40:39

标签: javascript dom

例如,我想像这样更改HTML:

<p title="Title text">Content text</p>

进入这个:

<p title="Content text">Title text</p>

到目前为止,我有这段代码会使title值等于<p>

中的值
window.addEventListener("load",init);

function init(){

var b = document.querySelector("p");
b.setAttribute("title",b.textContent);

console.log(b);
}

1 个答案:

答案 0 :(得分:0)

使用在更新时保存值的变量交换它们

&#13;
&#13;
window.addEventListener("load", init);

function init() {
  var b = document.querySelector("p");
  var temp = b.textContent;
  b.textContent = b.getAttribute("title");
  b.setAttribute("title", temp);
  console.log(b);
}
&#13;
<p title="Title text">Content text</p>
&#13;
&#13;
&#13;