个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
在编写 HTML5 页面(包括 PHP)时，我注意到当文档类型切换为 html5 时 createElement() 停止工作
<!DOCTYPE html>
这段代码是使用 Javascript 创建的非常标准的元素:
function Rhit(){
var Hit=document.createElement('div');
if(Hit){
alert('Hit assigned.');
Hit.setAttribute('id','Hits');
if(document.body.appendChild(Hit)){
alert('Hit transferred to body; setting styles.');
Hit.style.width='400';
Hit.style.height='400';
Hit.style.position='absolute';
Hit.style.right='0';
Hit.style.top='0';
Hit.style.backgroundColor='#777777';
}
}
else{
alert('Create Element Error, please debug.');
}
}
(我已经在 html5 文档类型下对其进行了一些调试......有点。)警报弹出，但在 html5 文档类型下没有绘制任何 div 标签。 (适用于常规 html super 沙箱模式)
我错过了什么吗？
(此外，所有代码都显示在浏览器源代码中。)代码似乎正在解析但未绘制？
编辑:这是一个完整的演示。与此同时，我将这些评论添加到:
<html> <!--if !html5 document draws.-->
<head>
<script>
function proc(){
var foo=document.createElement('div');
//Test foo creation.
if(foo){
alert('Hit assigned.');
foo.setAttribute('id','Hits');
//test foo location assignment.
if(document.body.appendChild(foo)){
alert('Hit transferred to body; setting styles.');
//Set all other stuff.
foo.style.width='400';
foo.style.height='400';
foo.style.position='absolute';
foo.style.right='0';
foo.style.top='0';
foo.style.backgroundColor='#777777';
}
}
//If failed, all is lost.
else{
alert('Create Element Error, please debug.');
}
}
</script>
</head>
<title></title>
<body>
<script>
proc(); //Run function.
document.write('Javascript Running...');
//Failsafe (for IDE's who don't care if your eyes hurt and insist
//that java has an error "somewhere".)
</script>
</body>
最佳答案
您的高度和宽度定义不正确，因此 (iirc) 被指定为 0。
这些 CSS 样式规则要求值是百分比或像素。所以:
Hit.style.width = '400px';
Hit.style.height = '400px';
应该给元素一些尺寸，并让它被看到。
关于javascript - html5 支持 createElement() 吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20361857/
24
4
0
我覆盖了React.createElement，但是jsx的按钮好像没有调用React.createElement。 React.createElement 没有获取到 jsx 的值作为按钮。 最佳答
我支持一些旧版 JavaScript。 在 IE8 中这有效: var hi = forms[i].document.createElement('INPUT'); 在 IE 11 中，该代码会引发异
我需要在 html 代码中查找并替换一些 html 元素(我遵循了这个答案:Getting an element from PHP DOM and changing its value)，为此我检索了
我是 JavaScript 中 createElement 属性的新手。我需要从 MySQL 查询创建一个下拉菜单。我从 MySQL 查询创建了一个 PHP 数组，如下所示: 然后我写了JavaSc
function ytplayer_render_playlist(){ for(var i=0;i', { src: "http://img.youtube.com/vi/" + y
我有一些代码在 main.js 文件中复制 Javascript 重复示例: Example 1 for (i = userVote; i function createElement(elemen
.dot{ width: 8px; height: 8px; border-radius: 4px;
这个问题在这里已经有了答案: jQuery DOM changes not appearing in view source (5 个答案) 关闭 8 年前。 我编写此脚本是为了了解如何使用 cre
函数 A() { this.myProp = document.createElement("div"); function B(id) { this.myProp.id = id;
我有以下代码: function JS_Utils_BuildModal () { var objModal = document.createElement(
我的 React 应用程序出现了一些问题。我正在实现功能 authUser，现在我收到如下错误: TypeError: Cannot read property 'createElement' of
为什么会 console.log(document.createElement("p").appendChild(document.createTextNode("some text"))); 返回
我正在尝试创建一个元素并向其附加一个子节点，但我的返回只是一个没有该元素的字符串。 我首先创建元素 const li = document.createElement('li'); 其次，我使用以下命
为什么这段代码不起作用？当我使用注释部分而不是表格时，它起作用了......使用table为什么不能工作？ function addLine() {
是否有任何解决方案可以在纯 JavaScript 中构建使用 in div 的多个 div？ jQuery 版本 for (var i = 1; i new divs') } http://jsf
CSS div.online:last-child { color:green; } div.offline:last-child { color:green; } JavaScipt
我为我的网站下载了一个 livesearch JavaScript 插件，它可以工作，但我需要帮助来稍微修改它。 代码如下: $.ajax({url: $('base').attr('href
这是我要创建的 HTML: Tiana is ... keen to go to the ... market. 如您所见，有一个 包含散文句子的元素，中间带有选择框。 使用 $('#id').h
我正在尝试使用 document.createElement('circle') 来处理 svgs 但 Chrome 会创建一个结束标记来圈出 错误的结果。如何创建没有结尾的元素？ 最佳答案 你可能
我正在尝试用 javascript 创建这个 html block : name }}" type="checkbox" class="minimal"> text 我有: var che
我是一名优秀的程序员,十分优秀！