隠し要素付きinsertHTML

Question

ご確認お願いします！

HTMLタグを含む要素間で内容を交換しようとしています。私は、以下のコードがうまくいくはずだと言うと正しいと確信しています。私は正しいかどうかを知る必要があります。なぜなら、これが機能しない理由が私の考えであるとすれば、私は作成する必要があるいくつかの追加機能があるからです。

これが正しいか間違ってご確認ください：それは間違っている

<nav id="subNav" class="aniSubNavOpen drop-shadow lifted"> 
    </nav> 

Answer 1

あなたは次の2行を実行します。

var navSub = document.getElementById('subNav').innerHTML; 
var navContent = document.getElementsByClassName('pageNav')[0].innerHTML; 

あなたはこれら二つのオブジェクトからHTMLテキストを取得し、二つの変数に格納されているが。 2つの通常のJavaScript変数があり、それぞれに文字列があります。

あなたがして行うと：

navSub = navContent; 

あなただけnavSub javascriptの変数にnavContent文字列を割り当てています。 DOMには何ら影響しません。これらは2つの文字列変数です。あなたはDOMでnavSubオブジェクトの内容を変更したい場合は

、あなたがこれを行うことができます。これに

var navContent = document.getElementsByClassName('pageNav').innerHTML; 

：また

var navSubObj = document.getElementById('subNav'); 
var navContent = document.getElementsByClassName('pageNav')[0].innerHTML; 
navSubObj.innerHTML = navContent; 

を、私はこれを変更しなければならなかったことに注意してください：

var navContent = document.getElementsByClassName('pageNav')[0].innerHTML; 

getElementsByClassName()はオブジェクトではなく配列を返します（multiplicit e項目）。 getElementById()は1つのオブジェクトしか返さないので、この点に関してはgetElementById()とは異なります。

Answer 2

：に送信

<div class="pageNav"> 
    <h1 data-title="Welcome to The Mind Company"><a>Welcome</a></h1> 
</div> 

：

function subNavContent () { 

    var navContent = document.getElementsByClassName('pageNav').innerHTML; 

    document.getElementById('subNav').innerHTML = navContent;} 

から呼び出します。

.innerHTMLは内部的にはsetterのようなものです。つまり、少なくともFF12の場合は、参照をコピーするときにコンテキストを失います。

これは動作します：

document.getElementById('subNav').innerHTML = navContent; 

Answer 3

NavSubは、innerHTMLプロパティのテキストです。 navSubをオブジェクトにしてからnavSub.innerhtml = ...（大文字の悪い使用には申し訳ありません、私は自分の電話にいます）。あなたが私が何を意味するか分からなければ、コメントしてください。