EdgeとIEでのJavaScriptによる出力要素の設定値

Question

私はoutputタグを持っています。値はJavaScriptで動的に設定されています。これはChromeとFirefoxではうまくいきますが、Microsoftブラウザ（IEとEdge）では認識されないようで、valueは常にこれらのタグでは空です。

HTML：

document.getElementById("owned").value = "Test 1";  
 
    document.getElementById("used").value = "Test 2";

<output class="output" id="owned"></output> 
 
    <output class="output" id="used"></output>

私はスタックオーバーフローのコードスニペットを実行したときにそれも動作します。

質問：これらのブラウザで値が設定されていない理由はありますか？ IE/Edgeで動作するためにHTMLにインポートする必要があるファイルはありますか？

Answer 1

spanおよび.innerHTMLを使用してください。 <output> HTMLタグがEdgeで動作していないようです。

Answer 2

Microsoft Edgeは<output>in version 14 *のサポートを追加しました。今の

、必要に応じて代わりtextContentプロパティへの書き込み、支援のためにテストすることができ：

var used = document.querySelector("#used"); 
 
var owned = document.querySelector("#owned"); 
 

 
// Temporarily fall back to textContent 
 
var property = "value" in used ? "value" : "textContent"; 
 
used[ property ] = "Test 1"; 
 
owned[ property ] = "Test 2";

<output class="output" id="owned"></output> 
 
<output class="output" id="used"></output>

^{を*この記事の執筆時点では、MSエッジ14は、にのみ使用可能ですInsiders。これは、IE 11に、この質問のリンクをオープン2016年8月2日（Windows 10 Anniversary Update）}