javascript createElement和setAttribute
天堂调度长 发布于 2023-01-19 20:41我开始自学javascript.我想我会尝试制作一个在提供URL时嵌入YouTube视频的脚本.当我创建iframe元素,设置属性并将其作为子项附加到div时,任何人都可以帮助我理解我做错了什么吗？我正在使用JSFiddle,当我检查元素时,似乎没有标记添加到div中.谢谢!
编辑:这是我的jsfiddle链接:http://jsfiddle.net/86W8N/2/
Click the button to call function
YoutubeURL:
David Hedlun.. 39
你的代码将停止执行,抛出title is not defined异常
video.setAttribute(title, "Test");
在setAttribute(title, ...)你使用中title,好像它是一个名为title的变量,但它不存在.您想要传递字符串值 "title":
video.setAttribute('title', 'Test');
...和其他属性一样......
自从使用JSFiddle以来,还有一些提示:
养成拯救小提琴的习惯,并始终提供与您的问题的链接
在左侧面板的"框架和扩展"下,确保已将javascript设置为"无包装",否则您将无法以您的方式从您的html调用该方法.(当您在JavaScript面板中定义JavaScript函数时,这适用.我从您更新的问题中看到包含的小提琴链接,您当前将其全部放在HTML标记中,因此您不会遇到此问题)
在浏览器中点击F12,您将能够看到代码生成的实际错误消息.
Felix.. 6
您需要用引号'或双引号将属性包装起来":
video.setAttribute('title', "Test");
video.setAttribute('width', "440");
video.setAttribute('height', "390");
video.setAttribute('src', "http://www.youtube.com/embed/" + videoID);
video.setAttribute('frameborder', "0");
小提琴演示
-
你的代码将停止执行,抛出
title is not defined异常video.setAttribute(title, "Test");
在
setAttribute(title, ...)你使用中title,好像它是一个名为title的变量,但它不存在.您想要传递字符串值"title":video.setAttribute('title', 'Test');...和其他属性一样......
自从使用JSFiddle以来,还有一些提示:
养成拯救小提琴的习惯,并始终提供与您的问题的链接
在左侧面板的"框架和扩展"下,确保已将javascript设置为"无包装",否则您将无法以您的方式从您的html调用该方法.(当您在JavaScript面板中定义JavaScript函数时,这适用.我从您更新的问题中看到包含的小提琴链接,您当前将其全部放在HTML标记中,因此您不会遇到此问题)
在浏览器中点击F12,您将能够看到代码生成的实际错误消息.
2023-01-19 20:43 回答
双子宝贝鱼 -
您需要用引号
'或双引号将属性包装起来":video.setAttribute('title', "Test"); video.setAttribute('width', "440"); video.setAttribute('height', "390"); video.setAttribute('src', "http://www.youtube.com/embed/" + videoID); video.setAttribute('frameborder', "0");小提琴演示
2023-01-19 20:43 回答
浮云
京公网安备 11010802041100号