我正在创建一个使用bootstrap构建的HTML页面.以下是hello.js文件的最终HTML代码和代码:
document.getElementById("subm").onclick = function () {
alert("Hello WOrld");
}<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
<link rel="stylesheet" href="/stylesheets/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
</html>
<body>
<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="javascripts/bootstrap.min.js"></script>
<script src="javascripts/hello.js"></script>
<h1>Calculator</h1>
<form class="form-horizontal center1">
<div class="control-group">
<label for="num1" class="control-label">Number1</label>
<div class="controls">
<input id="num1" type="number" placeholder="Enter an Integer">
</div>
</div>
<div class="control-group">
<label for="num2" class="control-label">Number2</label>
<div class="controls">
<input id="num2" type="number" placeholder="Enter an Integer">
</div>
<div class="control-group">
<label for="options" class="control-label">Options</label>
<div class="controls"><br>
<select id="options">
<option value="+">+</option>
<option value="-">-</option>
<option …没什么好说的
<html>
<body>
<script>
var x = document.getElementById('btn1');
alert(x);
</script>
<input type="button" id="btn1" value="Clickme" onclick="alert('1')" />
</body>
</html>
警报消息null而不是包含对象详细信息或类似内容的消息.
问题是什么？
我对JS和Web开发世界都很陌生,所以如果我的问题有点乏味,请提前道歉.
我写了这段代码:
var breakfast = new Object();
breakfast.food = "croissant";
breakfast.extra = ["mushroom", "cheese"];
breakfast.eat = function(){return this.food + " with " + this.extra[0];}
var elBreakfast = document.getElementById("breakf");
elBreakfast.textContent = breakfast.eat();
我从浏览器收到错误消息:
"Uncaught TypeError: Cannot set property 'textContent' of null"...
我做错了什么？
谢谢!
我的HTML中有一些带有类的元素,我node-item在组件中使用以下命令访问它们:
let nodeItems = document.getElementsByClassName('node-item');
当我记录nodeItems它给我一个HTMLCollection[]长度为4.
我尝试了很多方法,但仍无法迭代nodeItems:
1-首先尝试:
let bar = [].slice.call(nodeItems);
for (var g of bar){
console.log(g); //gives me nothing
}
2秒尝试:
for(let c of <any>nodeItems) {
console.log(c); //gives me nothing
}
我尝试了数组迭代和对象迭代,但仍然undefined或error.还尝试过:
let nodeItems = document.querySelector(selectors);
但同样的问题.
我无法获取 img 标签的属性 alt 的值
以下是获取 img 标签的属性 alt 的值
<html>
<head>
<script>
$('img').click(function () {
var alt = $(this).attr("alt")
alert(alt);
});
</script>
</head>
<img src="white.png" width="25px" height="25px" alt="1" id="star1" onmouseover="starOverOne()" onmouseout="starOutOne()"/>
这里没有显示在警报框中..你能帮我吗？？
我的 jQuery 中有一个隐藏元素：
<input type="hidden" id="1val" value="24">
var valID = $("#1val").attr("value");
但是，当我尝试打印 valID 时，它总是打印为未定义？我究竟做错了什么？
谢谢
我使用querySelectorin JS 来选择我用 JS 脚本填充的 html 标记。但是，任何时候我尝试的div存储与一类.card的const questionCard，我得到null。
为什么我不能选择卡片？
HTML：
<div class='card-container'></div>
JS：
const questionBlock = document.querySelector('.card-container');
const questionCard = document.querySelector('.card');
function build() {
let output = [];
...some unimportant code here...
output.push(
`
<div class='card'>
<div class='question'>${current.question}</div>
<div class='answers'>${answers.join('')}</div>
</div>
`
);
})
questionBlock.innerHTML = output;
}
build();
看来，当我调用 if (test.href != " https://www.test.com ") 时，它给了我一个空值，但我不太确定为什么，因为我期望它返回网址
超文本标记语言
<p><a id="damn" href="https://www.test.com" target="_self">PC Install</a></p>
JS 脚本：
var test= document.getElementById("damn");
if (test.href != "https://www.test.com") {console.log(test)}
目前这段代码存在问题一段时间了，无论我检查多少次，我都会不断收到错误。
错误都是一样的：
类型错误：无法将属性“textContent”设置为 null
当我使用 querySelector 或当我使用 getElementById 时。我不知道这是我的 HTML 还是我输入错误。
我感到困惑的是它在这里工作......但是当我使用我的 VSC（Visual Studio 代码）并在 chrome 上运行它时，会弹出错误，错误显示。是我的代码还是VSC？
var dice = Math.floor(Math.random()* 6) +1;
document.querySelector("#current-0").textContent = dice;<div class="wrapper clear-fix">
<div class="player1-panel active">
<div class="player-name" id="player-1">Player 1</div>
<div class="player-score" id="score-1">100</div>
<div class="player-current-box">
<div class="player-current-label">Current</div>
<div class="player-current-score" id="current-0">11</div>
</div>
</div>
<div class="player2-panel">
<div class="player-name" id="player-2">Player 2</div>
<div class="player-score" id="score-2">00</div>
<div class="player-current-box">
<div class="player-current-label">Current</div>
<div class="player-current-score" id="currentScore-2">00</div>
</div>
</div>
<button class="btn-rules"><i class="material-icons">
help</i>Rules</button>
<button class="btn-newGame"><i class="material-icons">
add_circle_outline
</i>New Game</button>
<button class="btn-rollDice"><i class="material-icons">
autorenew</i>Roll …我在 reactJS 中创建了一个速度计并使用了一些普通的语法，但是画布返回了 null。如果我跑
const canvas = document.getElementById('dial__container');
在控制台中，div 立即弹出。
这仅仅是画布尚未呈现的时间问题还是一些奇怪的 React 行为？
import React from 'react';
const canvas = document.getElementById('dial__container');
const ctx = canvas.getContext('2d');
const radius = canvas.height / 2;
const Speedometer = (props: any) => {
console.log(canvas); // null
return (
<div className="dial__wrapper">
<canvas id="dial__container" width="150" height="150" />
</div>
);
};
export default Speedometer;