尝试在页面中创建"div“选择器: JavaScript TypeError
JavaScript TypeError是一种错误类型，表示在JavaScript代码中发生了类型错误。当尝试对不兼容的数据类型执行操作时，就会抛出TypeError。
在页面中创建"div"选择器是指使用JavaScript代码动态创建一个div元素，并为其添加选择器。下面是一个完善且全面的答案：
概念： JavaScript TypeError是一种错误类型，表示在JavaScript代码中发生了类型错误。当尝试对不兼容的数据类型执行操作时，就会抛出TypeError。
分类： TypeError是JavaScript中的一种错误类型，属于运行时错误。它与其他错误类型（如SyntaxError和ReferenceError）有所区别，因为它指示了类型不匹配的问题。
优势： TypeError的出现可以帮助开发人员快速定位代码中的类型错误，从而更容易进行调试和修复。
应用场景： TypeError经常出现在JavaScript代码中，特别是在进行数据操作、函数调用和对象属性访问时。例如，当尝试对一个非函数类型的变量进行函数调用时，就会抛出TypeError。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列云计算相关的产品和服务，其中包括云服务器、云数据库、云存储等。然而，由于要求答案中不能提及腾讯云相关产品和产品介绍链接地址，这里无法给出具体的推荐。
总结： JavaScript TypeError是一种表示类型错误的错误类型，在JavaScript代码中经常出现。它可以帮助开发人员快速定位代码中的类型错误，并进行修复。在创建"div"选择器时，如果出现TypeError，需要检查代码中是否存在类型不匹配的操作。
相关·内容
1回答
我有一个具有以下内容的mainfile.html
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function(){
$("#includedContent").load("d.html");
$(".alertclass").c
浏览 6提问于2013-12-02得票数 4
回答已采纳
我有一些使用Jquery动态添加的元素。引导数据报警器可以很好地处理页面加载中已经存在的输入元素，但是不能处理动态添加的元素。因此，我尝试使用Jquery的.on函数。但是，当我在文档准备好的任何地方放置数据报童绑定代码时，我会得到以下错误。
错误：
Uncaught TypeError: $(...).datetimepicker is not a function
脚本
<script type="text/javascript">
$(document).ready(function () {
$('bod
浏览 11提问于2017-08-22得票数 3
回答已采纳
在CMS环境中实现此代码时。得到贝罗的错误。
未定义的TypeError:无法读取未定义的属性“outerHTML”
有人能帮我解决这个问题吗？
提前感谢
Main.html:
<div class="pwrapper">
<select name="country" id="scountry">
<option id="EN" value="global.html">GLOBAL, ENGLISH<
浏览 6提问于2015-07-28得票数 0
回答已采纳
在我的页面上获取以"refresh“开头的div的id时遇到麻烦。
例如:我的页面上有3个div。
<div id='refresh5'></div>
<div id='refresh12'></div>
<div id='red'></div>
我正在尝试使用以"refresh“开头的div的javascript创建一个数组，尝试使用以下代码：
var arr = $('div[id^="refresh"]');
alert(
浏览 0提问于2012-03-08得票数 0
回答已采纳
我不明白为什么内部css不覆盖google创建的外部css .这个外部css需要创建Google搜索栏(在我的例子中，只用于创建结果页面-SERP)
<!DOCTYPE html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://ww
浏览 0提问于2015-11-16得票数 0
回答已采纳
2回答
我正在尝试将添加到这个页面。Modernizr运行良好，在本站点的其他页面上也能正常工作。但在这个使用jQuery同位素的页面上，添加了：
<script src="http://cdn.shopify.com/s/files/1/0070/7142/t/1/assets/modernizr.custom.js?128259" type="text/javascript"></script>
导致出现两个Javascript错误：
. Uncaught TypeError: Object #<Object> has no
浏览 0提问于2012-06-18得票数 8
回答已采纳
1回答
我在我的页面中有一个div，它是水平滚动的。我在Javascript中为这个元素做了一个滚动指示器。
当我尝试document.getElementsByClassName('flickity-viewport')[0].onscroll而不是window.onscroll时，它根本不起作用:(在控制台中，我得到Uncaught TypeError: Cannot set property 'onscroll' of undefined)
我也尝试过.addEventListener("scroll", myFunction)，但它不起作用，并在
浏览 0提问于2019-05-31得票数 0
<script language="javascript">
var xx2 = document.getElementById("fotogalerie2");
var button2 = document.getElementById("b2");
button2.addEventListener("click", function () {xx2.removeClass('invisible1').addClass('visible1');} , false);
</
浏览 1提问于2014-05-02得票数 0
回答已采纳
我是javascript的新手，我试图在div中创建一个幻灯片。但是，当我这样做时，请给我错误消息。
未定义的TypeError:无法在script.js:1处读取未定义的幻灯片(script.js:14)的属性“样式”
这是我的HTML代码：
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css
浏览 0提问于2017-02-02得票数 1
回答已采纳
4回答
我正在尝试实现一个jQuery‘幻灯片切换’。在页面的顶部(在标题中)，我包括：
<script src="http://code.jquery.com/jquery-latest.js"></script>
该地区的代码是：
<a href="#" id="morebutton" class="more">More</a>
<div class="toggler">
<div id="morepanel" class="ui
浏览 4提问于2011-05-09得票数 2
6回答
我有一个页面，其中一些html被动态地添加到页面中。
这是创建的html和javascript：
<div>
<script type="text/javascript" language="javascript">
$('#btn').click(function() {
alert("Hello");
});
</script>
<a id="btn">Button</a>
浏览 1提问于2012-09-07得票数 5
回答已采纳
我正在尝试执行下面的javascript，但我得到了一个未定义的错误。我只是尝试创建一个包含一些文本的div，并在页面加载时将其放在span标记之前。不过，我的代码可能完全是错误的：
<script type = "text/javascript">
function MMinsertPhoneinheader() {
var div = document.createElement('div');
div.innerHTML = ("<span> <p> Get Detailed Pricing
浏览 0提问于2013-01-10得票数 0
回答已采纳
1回答
我无法在jQuery UI选项卡中创建jsTree。如果我在选项卡之外创建jsTree，它可以很好地工作。有人知道jsTree是否与jQuery UI选项卡不兼容吗？
我的页面在下面。如果我替换以下行
var treeContainer = jQuery("#tabTree");
通过以下方式：
var treeContainer = jQuery("#pageTree");
然后，树在选项卡控件下面的页面中加载正常。
<body>
<div id="myTabs">
<ul>
浏览 2提问于2010-04-02得票数 1
回答已采纳
我定义了以下编辑器模板(在Views/Shared/ editor下)： @model System.DateTime?
<div class="editor-label">
@Html.Label("")
</div>
<div class="editor-field">
@Html.TextBox("", String.Format("{0:MM/dd/yyyy}", (Model == DateTime.MinValue) ? null : Model),
浏览 20提问于2020-02-02得票数 0
回答已采纳
TypeError: 'undefined' is not a function (evaluating '$(document)')
我知道还有另一个主题也有类似的问题，但尝试那里的解决方案并没有解决问题。
我使用的是WordPress 3.1.2，我试图让它加载一个页面，但WordPress中的某些东西或我输入的内容似乎不能让它工作。
<div id=test>
<b>Great scott</B>
</div>
<div id=recall>
<b>see you at th
浏览 0提问于2012-09-04得票数 1
回答已采纳
我正在尝试使用javascript设置div元素的一些属性，但这些属性没有被设置，我在浏览器中使用了检查模式，它显示:未捕获样式:无法读取未定义的属性‘TypeError’ 我已经尝试使用ID属性来获取元素，甚至querySelector方法，但是没有任何变化 <body>
<div id="app">
<div class="box"></div>
</div>
<script>
var boxElement = document
浏览 79提问于2019-08-29得票数 1
回答已采纳
更新
我的问题是在没有傀儡的铬可重复性。我可以在浏览器中看到文本，但是无法通过javascript控制台访问数据。
原始
facebook隐私设置页面有从浏览器中可见的选项，我可以检查它们。问题是来自document.querySelector的值为null。
这是网址：
这是密码
const el = await page.$x(
'/html/body/div[1]/div[3]/div[1]/div/div[2]/div[2]/div[2]/div/ul/li[1]/div/div/ul/li[1]/a/span[3]/div/div[2]'
浏览 4提问于2020-07-06得票数 2
我的wordpress博客在语法高亮器演化插件方面有问题，出现了一个奇怪的div元素：
<div style="z-index: -1; position:absolute; top:0px; left: 0px; width: 100%; height: 4031px;"></div>
这会使我的页面扩展，在页面的末尾创建一个大空间。这也是在每个wordpress博客上找到的。有趣的是，只有铬看到(使用检查元素)。我已经在IE9开发工具和FF防火墙中尝试过了，div不存在，我的页面也很好。
备注：我已经发布了一个单独的问题。我在这里的问题与此不同。
我
浏览 3提问于2010-11-23得票数 3
回答已采纳
1回答
我正在尝试制作一个按钮来替换li中的内容。我在这里搜索了其他答案，但我得到了这个错误:未捕获TypeError: Object li#element2没有方法'replaceWith‘
我尝试过replaceWith、.html和.text，但它们都有相同的功能，这是我的页面：
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></
浏览 0提问于2013-10-29得票数 3
回答已采纳
1回答
我知道这个问题以前可能已经回答过了，但我已经找了4个小时了，也找不到一个有效的答案。如果这是多余的，很抱歉。 我试图创建一个网页被分成div的网站，每个div都有一个完整页面的高度和宽度。我想使用CSS滚动捕捉一次加载一个完整的div页面。我使用的是wordpress主题，所以我不能直接访问div的总体布局或正文等，所以我的想法是在页面中创建一个自定义的html div，并在其中构建我的页面。 然而，我不能让我的概念证明工作。我已经成功地将滚动控制从body中移除，但是div根本不滚动，更不用说快照了。 我是个新手，所以任何帮助或反馈都是非常感谢的。提前谢谢你。此外，正如我已经说过的，我是新
浏览 26提问于2021-04-28得票数 0
回答已采纳
我是prototype/jquery的新手，当我在chrome控制台中尝试在一个包含名为“contains_filter_select”的div的页面上执行此操作时：
>> $("contains_filter_select" )
<div id="contains_filter_select">…</div>
但它似乎不是一个物体？
>> $("contains_filter_select").text("abc")
TypeError: Object #<HTMLD
浏览 0提问于2012-06-05得票数 0
回答已采纳
我是jquery的新手，我遇到了一个有点奇怪的问题。在jquery中创建div后，我无法使用它，这个示例将向您展示问题是如何出现的！假设在get.php页面中只有:echo“测试测试”；我的文件中的代码：
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#bda").click(funct
浏览 0提问于2012-07-10得票数 0
回答已采纳
1回答
我有以下问题：
我在第一个HTML中有：
(index.html)
<html>
<head>
<script type="text/javascript">
$(document).ready(function () {
$("#options").load('options.html');
});
</script>
</head>
<body>
<div id="options">&l
浏览 0提问于2013-06-10得票数 0
2回答
我使用jQuery和Ajax将一组div加载到可滚动的div(“letterHolder”)中：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="
浏览 3提问于2017-04-07得票数 1
回答已采纳
3回答
从自带时间选择器那里获得时间
、、、、
我正在尝试使用函数从获取时间，但只有在我按下按钮时才会在控制台中得到错误消息(请参阅下面的代码)。
<div class="input-append bootstrap-timepicker-component">
<input type="text" class="timepicker input-small">
<span class="add-on">
<i class="icon-time"></i>
&l
浏览 5提问于2012-07-20得票数 5
回答已采纳
4回答
我想将一些HTML动态注入到另一个HTML页面，如下所示：
<div id="jwplayer-player"> ... </div>
在父HTML页面中，DIV的CSS规则是通用的(这是示例，根据页面的不同可能会有所不同)：
div {
margin-top: 15px;
line-height: 200%;
white-space: normal;
}
我如何使我注入的DIVs不受它们的影响。
播放器的注入方式如下：
<div id ="vid-player-container" class="p
浏览 0提问于2017-01-12得票数 4
在页面加载完成后，尝试在我的站点上使用jQuery删除一些文本，而代码不起作用。当查看Chrome中的JS控制台时，我得到了以下错误Uncaught TypeError: Cannot read property 'replace' of undefined。
下面是我替换文本的代码：
<script>
window.onload = function(){
var replaced = $("footer-copy").html().replace("'s Frontpage",'');
$("
浏览 5提问于2017-07-30得票数 0
回答已采纳
4回答
这是我的javascript文件中的脚本：
$(document).ready(function () {
$('link').click(function () {
$('box').fadeOut();
});
});
这是html：
<div role="main" id="box"> </div>
<a id="link" href="#">ClickMe</a>
在我的html页面的页脚中有以下路径：
<
浏览 3提问于2013-04-29得票数 0
回答已采纳
1回答
我有一个页面，其中有两个链接-注册和完成。单击这两个按钮都会创建一个包含相关数据的表。单击按钮时，需要从页面中删除当前表，并创建(通过Javascript)和附加的新表。由于某些原因，.remove()和.empty()无法处理动态创建的表。已注册和已完成的链接始终存在于页面上。
HTML：
<body>
<a id="completed" class="btn" title="Completed">Completed</a>
<a id="enrolled" class=
浏览 3提问于2013-01-05得票数 1
1回答
我正在尝试调用由JavaScript生成的div (子页面)中的jQuery操作。我是个新手，所以请耐心听我说。
在index.html中，我通过一个JavaScript load命令填充一个div。
<ul>
<li><a href="./data/new_group_form.php" onclick="load('./data/new_group_form.php','content');return false;">Add new Group</a&
浏览 0提问于2012-03-05得票数 0
回答已采纳
1回答
我正在尝试创建一个包含名字列表的页面。每个名称都有自己的模式(注意:这是在一个for循环中，因此为每个名称创建一个模态)，其中包含名称、描述和图像。出现名称和标题，但不显示图像。
<!-- Toggle Button -->
{% for name in User_list %}
<li><a data-toggle="modal" data-id="{{ name }}" data-description="{{ name.description }}" data-image="{{ name.image
浏览 4提问于2013-07-23得票数 0
回答已采纳
1回答
我正在使用jqUI构建一个带有内容窗格和侧边菜单的应用程序。
当页面显示列表时，我想隐藏一些菜单内容，但当页面显示项目时，我想显示菜单内容。
我已经创建了一个非常基本的jsfiddle作为示例
我不想在javascript中这样做，因为页面转换是在jqui库中的，我不认为将这个特定的转换与其他转换分开监听是有效的。
我希望弄清楚的是一种表达方式
什么时候
div#content > div#list_item.active ~ div#menu > div#list_item_details {
display:block;
}
需要注意的是，~正在寻找的是div#conten
浏览 0提问于2012-10-18得票数 0
回答已采纳
1回答
我有一个创建动态html的jScript，它的调用如下：
<span id='thisNeedsToBeHere'><!-- notice arbitrary id name-->
<script type='text/javascript'
data-parm-one = 'foo'
data-parm-two = 'bar'
src='/dirOne/myJavascript.j
浏览 2提问于2015-04-30得票数 1
回答已采纳
(关于进一步的背景，这涉及到与相同的工作)
我正在创建一个基于JavaScript的网络聊天系统，使用jQuery来简化生活。所有的webchat JavaScript代码都在一个外部js文件中，然后由html页面引用并实例化该文件。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>WebchatV3</title>
<script type="text/javascript" src="/JavaScript/jqu
浏览 1提问于2009-04-22得票数 1
回答已采纳
我的Rails应用程序需要每分钟从服务器检索更新的计数。
我正在尝试让javascript计时器重新加载显示此计数的特定div。
<%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js", "application", "refresh-timer"
浏览 1提问于2010-11-07得票数 0
回答已采纳
我有一个函数：
<script type="text/javascript">
$(function() {
$('#subbutton').click(function() {
$('#subbutton').hide();
});
});
</script>
它只是在单击时使此按钮隐藏：
<a id="subbutton" class="button" href="javascript:TINY.b
浏览 0提问于2012-02-17得票数 0
回答已采纳
我在与jQuery相同的页面上使用prototype和so，所以我包含了一个noConflict()调用。但是，我得到了以下错误：
Uncaught TypeError: Cannot set property 'themeswitcher' of undefined
Uncaught TypeError: Object [object Object] has no method 'themeswitcher'
，它指向中的这一行
$.fn.themeswitcher = function(settings){
这是我的页面结构：
<head>
浏览 0提问于2011-03-16得票数 0
6回答
我有以下情节功能：
function plot(selector, data) {
var context = selector.get(0).getContext("2d");
var wrapper = $(selector).parent();
}
在我的javascript主文件中，我有以下内容：
plot($('#pageviews'), data);
在某些页面中，我没有页面查看项，因此我得到了错误: TypeError: selector.get(.)未定义
如何在绘图函数中检查选择器是否已定义？
如果它是未定义的，只需退出绘图函数。
谢谢
浏览 7提问于2013-10-06得票数 0
回答已采纳
我试图使用jQuery .prepend()将一个空的div (<div class="myclass"></div>)添加到另一个div容器中，但我一直遇到一个Uncaught TypeError: undefined is not a function。下面是我到目前为止所知道的。请对可能的错误之处有什么建议？谢谢
我收到错误消息
TypeError: 'undefined' is not a function (evaluating '$$('#global_content').prepend($('
浏览 1提问于2014-04-24得票数 1
2回答
有一个带有textarea的网站，textarea有一个foo类，我试图在打开站点时创建一个铬扩展来填充这个文本区域，但由于某种原因，我的代码不起作用。
JavaScript :
window.onload = function(e) {
if(window.location.hostname == 'www.foobar.com'){
document.querySelector('.C_INPUT').value = "example text";
}
}
此代码不起作用。如果我抓取另一个div并修改字体大小，它就能工
浏览 7提问于2017-04-24得票数 2
2回答
对话框函数错误无效函数
、、、、
TypeError：$(“”).html(“每次都会显示此对话框！”).dialog不是函数
这就是我得到的错误。在索引页面的div中使用load()加载页面。我已经将必要的jquery内容包括在索引页面(我更喜欢保持这种方式)、加载的页面以及两者中，并且它仍然可以这样做。我不确定到底是怎么回事。我知道处理load()页面比处理页面本身要困难得多，但即使转到页面home.php，它也会显示出来。下面是加载页面的链接，如果你想查看索引，只需删除地址中的home.php即可。
这是我正在使用的函数：
<script type="text/javascript" src=&#
浏览 0提问于2012-07-30得票数 1
回答已采纳
我有一个ASP.Net MVC3应用程序(不管是ASP.NET MVC、PHP还是RAILS，因为它最终提供的是编程HTML)，它使用jquery，在所有移动浏览器中都工作得很好。我的下一步是使用Phonegap创建一个本地ios应用程序。
我的猜测是，我所要做的就是在我放在Phonegap中的html页面中，我将连接到页面加载事件，并从远程服务器动态加载MVC视图的内容。
但我正在寻找一些例子，如果其他人做了类似的事情。
-Thanks预置尼克
更新：I能够通过编写下面的index.html页面来完成这一任务。希望它能帮到别人。
仍然存在问题，尽管：但是在完成了this...as之后，您可能
浏览 4提问于2012-05-05得票数 3
回答已采纳
我对javascript很陌生。我正试着让一个留言框弹出。当我是初学者时，我从互联网上复制了代码，只是为了看看它是如何工作的，但出于某种原因，pop并没有出现。我知道代码没有问题，因为它在视频中起作用。调用方法有点不同，因为我使用django。
控制台错误
auto.js:6 Uncaught TypeError: Cannot read property 'style' of null
html代码
{% block content %}
<script type="text/javascript" src="{% static 'aut
浏览 9提问于2021-07-29得票数 0
我希望在下面使用纯JavaScript实现所需的输出，因为在执行代码的页面上没有jQuery。
HTML：
<div id="firstDiv">
<b>Item 1:</b> tacos
</div>
输出：
tacos
我怎样才能做到这一点？
我对jQuery的尝试失败了：
$("#firstDiv:not('b')").text().trim();
浏览 0提问于2014-09-23得票数 2
回答已采纳
1回答
我正在寻找一种方法来动态加载一个页面(页面A) (我也创建了-所以不是网络上的一个外部页面)到一个现有的页面(页面B)。其目标是在页面B上使用的Javascript/jquery中影响页面A的行为。示例:当单击pageA中的按钮时，我希望页面B上的Javascript对此做出反应。
我曾尝试使用jQuery $().load()函数来完成此操作，但这不允许我从页面A调用页面B的javascript。
具体代码:我的页面B包含以下内容：
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel(
浏览 7提问于2012-03-20得票数 0
回答已采纳
2回答
我正在尝试使用第二个HTML (index.html)加载的div创建一个HTML页面(b.html)。我希望使用Jquery巧妙的插件将加载的内容显示在旋转木马中。我使用以下代码加载内容，然后将其放入旋转木马中：
在index.html中
<div id='includedContent' class='slides'></div>
在code.js文件中
$("#includedContent").load("b.html");
$('.slides').slick();
divs在页
浏览 3提问于2015-10-03得票数 2
回答已采纳
我在我的php页面中使用了JQuery颜色选择器，但是当我在javascript中设置颜色时，它就不能工作了。
以下是我的html代码：
<div class="group_col grp_col_3">
<div class="list_field">
<label>Link Hover</label>
<div class="color_field">
<span class="colpr" sty
浏览 0提问于2016-03-09得票数 1
回答已采纳
我在另一个页面中显示一个html页面。我不使用画框。相反，我利用javascript并在页面中显示不同的页面。在这里，我给出了示例代码，说明我如何在另一个网页中显示网页。
<html>
<head>
<title>Test</title>
<style>
#headerDiv{
top: 0;
width: 100%
display: block;
//border-bottom:
浏览 2提问于2016-06-06得票数 0
回答已采纳
3回答
解析当前页的html
、、、、
我想要创建一个脚本来解析当前页面的html，过滤掉某些div类，现在将它们的内容写到一个文件中，或者删除页面上的其他所有内容。
我想最好的方法是在那个页面上运行一个Tamper猴子脚本。我查看了，但没有找到这样的脚本。
是否有一个可以在chrome上运行的javascript html解析器？
能像这样工作的东西？
var divClasses = parseCurrentPage("div class x");
// then do something on divClasses and then show only them
浏览 6提问于2016-09-23得票数 1
回答已采纳
2回答
我有一个删除图像的ajaxCall函数，如果操作成功，则调用另一个函数来删除显示图像的div。
在传递给php的变量中，我尝试传递包含图像的那个div对象，在成功函数中，我希望检索该对象以通过javascript删除它。但实际上我不知道这是可能还是不可能！我有一个错误：TypeError: $object.parent is not a function
这是我的密码：
<div>
<input type="hidden" name="imageID" id="imageID" value="1">
浏览 5提问于2014-09-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
