docment.getelementbyid(inntext)is null
时间: 2024-02-24 09:57:31 浏览: 22
这个错误通常表示代码中使用了`document.getElementById('inntext')`获取页面元素,但是页面中没有`id`为`inntext`的元素,导致获取失败,返回`null`。这时候我们就需要检查页面代码中是否存在这个`id`为`inntext`的元素,或者在获取元素之前先确保该元素已经被加载进来。
同时,如果你使用了`document.getElementById()`方法获取的元素对象,建议在使用之前先判断该元素对象是否存在,可以避免出现`null`导致的错误。例如:
```
var el = document.getElementById('inntext');
if (el) {
// 如果元素存在,执行相应操作
} else {
// 如果元素不存在,给出错误提示或执行其他操作
}
```
相关问题
docment.innerHTML
`document.innerHTML` 是无效的 JavaScript 代码,正确的代码应该是 `document.innerHTML = "some HTML code";`。
`document` 是代表当前文档的 JavaScript 对象,`innerHTML` 是指该文档的 HTML 内容。通过将 HTML 字符串赋值给 `innerHTML`,可以动态地修改文档的内容。
例如,下面的代码会将文档中 id 为 "myDiv" 的元素的内容修改为 "Hello, world!":
```javascript
document.getElementById("myDiv").innerHTML = "Hello, world!";
```
<script type="text/javascript"> function changeFangshi(type) { var fangshi = document.getElementById("fangshi"); var type = docment.getElementById("leixing"); if(type==-1) { document.all.fangshi.options.length = 0; fangshi.options.add(new Option("请选择", "-1")); } else if(type==0) { document.all.fangshi.options.length = 0; fangshi.options.add(new Option("请选择", "-1")); fangshi.options.add(new Option("自建", "0")); fangshi.options.add(new Option("投资", "1")); fangshi.options.add(new Option("出租", "2")); } else if(type==1) { document.all.fangshi.options.length = 0; fangshi.options.add(new Option("请选择", "-1")); fangshi.options.add(new Option("报废", "0")); fangshi.options.add(new Option("变卖", "1")); } } </script>执行此script代码,html没反应怎么回事
这段代码中可能存在以下几个问题:
1. `docment` 不存在,应该是 `document`。
2. `type` 是函数参数,应该直接使用,而不是重新定义一个同名的变量。
3. `document.all.fangshi` 是一种过时的写法,应该直接使用 `fangshi` 对象。
修改后的代码如下:
```
<script type="text/javascript">
function changeFangshi(type) {
var fangshi = document.getElementById("fangshi");
if(type == -1) {
fangshi.options.length = 0;
fangshi.options.add(new Option("请选择", "-1"));
} else if(type == 0) {
fangshi.options.length = 0;
fangshi.options.add(new Option("请选择", "-1"));
fangshi.options.add(new Option("自建", "0"));
fangshi.options.add(new Option("投资", "1"));
fangshi.options.add(new Option("出租", "2"));
} else if(type == 1) {
fangshi.options.length = 0;
fangshi.options.add(new Option("请选择", "-1"));
fangshi.options.add(new Option("报废", "0"));
fangshi.options.add(new Option("变卖", "1"));
}
}
</script>
```
另外,需要在 HTML 中定义一个 `select` 元素,并设置其 `id` 为 `fangshi`,同时定义一个 `select` 元素,并设置其 `id` 为 `leixing`,并且在 `leixing` 元素中注册 `onchange` 事件,如下所示:
```
<select id="leixing" onchange="changeFangshi(this.value)">
<option value="-1">请选择类型</option>
<option value="0">类型1</option>
<option value="1">类型2</option>
</select>
<select id="fangshi">
<option value="-1">请先选择类型</option>
</select>
```
这样,当 `leixing` 元素的值发生变化时,会触发 `changeFangshi` 函数,并根据选择的值动态修改 `fangshi` 元素的选项。如果仍然没有反应,可以在浏览器的控制台查看是否有报错信息。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![md](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![whl](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)