指定iframe并修改其src属性

页面分为2部：左侧树型结构，右侧为多个iframe（如：4个iframe）。
功能需求：
1、点击左侧名称，根据名称查寻对应的设备信息，将信息中的IP返回。
2、根据返回的IP信息，修改对应iframe的src属性。

目前我写的方法，只能修改指定的iframe属性（如对象：iframe1）

求：如何动态传入iframe对象。个人想法，选择左侧名称-->指定对应iframe对象-->修改指定iframe的src属性。

页面：


代码：

4 个解决方案

#1

var id;
if (ip=="111.111.1") {
	id = "iframe1";
} else if (ip=="111.111.2") {
	id = "iframe2";
} else if (ip=="111.111.3") {
	id = "iframe3";
} else if (ip=="111.111.4") {
	id = "iframe4";
}
document.getElementById(id).src = url;

#2

引用 1 楼 jslang 的回复:

var id;
if (ip=="111.111.1") {
	id = "iframe1";
} else if (ip=="111.111.2") {
	id = "iframe2";
} else if (ip=="111.111.3") {
	id = "iframe3";
} else if (ip=="111.111.4") {
	id = "iframe4";
}
document.getElementById(id).src = url;

谢谢！这个方法可以实现4个对象的iframe。实现业务中，视频会有很多路（比如有80路），如果每一路对应一个iframe，就要创建80个iframe。目前页面计划将布满（共16个iframe），只用一页。

理想状态为：点击对象名称，指定一个iframe，修改指定iframe的src属性，视频加载并播放。（不管指定的iframe状态：若视频在直播，直接替换）。

#3

那你指定iframe的策略是什么？
就是点击对象名称这后怎么决定修改哪个iframe的src属性？

#4

这个估计得做 iframe的绑定事件，点击对象名称后，肯定要绑定一个iframe修改对象。页面只有16个iframe，要满足80个对象，所以每个iframe对应的src属性是不固定。