從javascript獲取HTML元素屬性

Question

我再次陷入了JS的初學者領域。 ：/

我想從data-channel-id獲取編號，該編號由調用在可變spans ：

<main class="soft--top" data-channel-id="348" data-preview-mode="">

這是我的JS：

window.onload = function (){
var spans = document.getElementsByTagName('main')[0];
var res = /[0-9]+/;
var match = res.exec(spans);
console.log(match); 
 }

我不知道該如何進行。 正則表達式是正確的文件。 變量“ spans”顯示正確的結果，但匹配不會在控制台中顯示任何輸出。

我想念什么？

Answer 1

spans在你的代碼目前包含整個元素。

要僅使用data-channel-id值，請參見以下代碼：

var spans = document.getElementsByTagName('main')[0].getAttribute('data-channel-id');

Answer 2

spans不是字符串而是HTMLElement，要獲取data-channel-id值，您可以使用上面的注釋中提到的getAttribute ，或者如果您真的想使用regex將其轉換為.outerHTML字符串

window.onload = function() {
  var spans = document.getElementsByTagName('main')[0];
  var res = /[0-9]+/;
  var match = res.exec(spans.outerHTML);
  console.log(match);
}

Answer 3

我想從“數據通道ID”中獲取數字

無需使用正則表達式。 只是：

var spans = document.getElementsByTagName('main')[0];
var match = spans.getAttribute('data-channel-id');
console.log(match); 

在這里工作演示。