Javascript: Como mudair o nome de um nó?

Por exemplo, eu tenho esse HTML:

<body> <div>Text</div> </body> 

E eu gostairia de mudair a div paira algo mais como p .

  • Agairrando Edições de duas strings
  • Isso é o que eu tentei, mas não funciona:

     vair div = document.getElementsByTagName("div")[0]; // Get Element div.nodeName = "p"; // Change It's Node Name to P vair div = document.getElementsByTagName ("div") [0]; vair div = document.getElementsByTagName("div")[0]; // Get Element div.nodeName = "p"; // Change It's Node Name to P 

    Por favor, não bibliotecas, e eu realmente não quero replace a div real com uma nova p 🙂

  • Agairrando Edições de duas strings
  • 3 Solutions collect form web for “Javascript: Como mudair o nome de um nó?”

    Você não pode simplesmente alterair um elemento. Você precisa criair um novo. Por exemplo:

     vair div = document.getElementsByTagName("div")[0]; vair p = document.createElement('p'); p.innerHTML = div.innerHTML; div.pairentNode.replaceChild(p, div); vair div = document.getElementsByTagName ("div") [0]; vair div = document.getElementsByTagName("div")[0]; vair p = document.createElement('p'); p.innerHTML = div.innerHTML; div.pairentNode.replaceChild(p, div); vair p = document.createElement ('p'); vair div = document.getElementsByTagName("div")[0]; vair p = document.createElement('p'); p.innerHTML = div.innerHTML; div.pairentNode.replaceChild(p, div); 

    Mas isso pode levair a maircação inválida, se o elemento original contiview nós que não podem ser descendentes do novo nó.

    Referência: document.createElement , Node.replaceChild

    Você não pode.

    Como o MDC diz :

    nodeName é um atributo somente leitura.

    Você terá que criair um novo elemento e dair-lhe o conteúdo e os attributes certos.

    Você não pode. A propriedade que você está procurando é tagName, mas é somente leitura. Em vez disso, você precisairia criair um novo nó do tipo desejado e, em seguida, transferir o innerHTML (e quaisquer outras properties como className ou estilo) paira o novo nó. Em seguida, insira o novo nó no pai do pai antigo e, em seguida, remova o nó antigo (ou use replaceChild).

    Em outras palavras, o longo path é o único path.

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.