javascript - 如何从输入更改 src?
问题描述
如何使用javascript从输入中更改src值?
<input class="url" id="url1" type="url" value="youtube url">
<input onclick="changevideo()" class="add-video" id="add-video1" type="submit" value="add to playlist">
<iframe class="video" id="video1" ></iframe>
<script>
function changevideo() {
var ddd = document.getElementById('url').value;
document.getElementById('video1').setAttribute('src', ddd);
}
</script>
解决方案
你可以像这样使用它
function changevideo() {
var e=document.querySelector('#url1').value;
console.log(e)
document.getElementById('video1').setAttribute('src', e)
}
<input class="url" id="url1" type="url" value="youtube url">
<input onclick="changevideo()" class="add-video" id="add-video1" type="submit" value="add to playlist">
<iframe class="video" id="video1"></iframe>
推荐阅读
- java - java Spring @EnableResourceServer 和 @EnableWebSecurity
- python - 特定网页的 Scrapy shell
- c# - C# Accord.NET 元素加法过时了吗?
- c# - XAML 原语中的绑定
- tensorflow - 在同一个端口上加载两个不同的文件夹
- c# - 如何使用 Combobox 加载列表框
- rest - 当正文中的 ID 与路径中的 ID 不匹配时,正确的 HTTP 状态代码?
- python - Python 3.6 将 tkinter 转换为 exe 后 - SSH 功能停止工作
- vba - 需要帮助将宏从多个工作簿中的绘图信息更改为行而不是列
- python-3.x - 如何模拟 Python 类的对象?