javascriptとcssセレクタを使用してvalue属性のコンテンツを取得

Question

このコードで$ 18.99をJavascriptとCSSセレクタで抽出したいと思います。これは可能ですか？もしそうなら、どうですか？

<input type="hidden" name="priceBefore" value="$18.99" /> 

Answer 1

Document.querySelector()でCSSセレクタを使用できます。

ドキュメント：おそらくhttps://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

window.onload = function() { 
 
    var input = document.querySelector('[name=priceBefore]'); 
 

 
    if (input) { 
 
    document.body.innerHTML += input.value; 
 
    } 
 

 
};

<input type="hidden" name="priceBefore" value="$18.99" />

Answer 2

：

document.getElementsByName("priceBefore")[0].getAttribute("value");