Импорт определённого содержимого блока с другого или своего сайта
Здравствуйте. Подскажите пожалуйста, есть ли возможность каким ни будь образом, вытягивать со страницы своего сайта или другого сайта (чужого) - на свой сайт, определённые блоки по id или class'ам и далее вставлять их на свой сайт в указанное место ? Способен ли на это javascript ?
Пока что я нашёл решение как вытягивать страницу целиком:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
function showHide(switchTextDiv, showHideDiv)
{
var std = document.getElementById(switchTextDiv);
var shd = document.getElementById(showHideDiv);
if (shd.style.display == "block")
{
shd.style.display = "none";
std.innerHTML = "<span style=\"display: block; background-color: yellow\">Show</span>";
}
else
{
if (shd.innerHTML.length <= 0)
{
shd.innerHTML = "<object width=\"100%\" height=\"100%\" type=\"text/html\" data=\"new.html\"></object>";
}
shd.style.display = "block";
std.innerHTML = "<span style=\"display: block; background-color: yellow\">Hide</span>";
}
}
</script>
</head>
<body>
<a id="switchTextDiv1" href="javascript:showHide('switchTextDiv1', 'showHideDiv1')">
<span style="display: block; background-color: yellow">Show</span>
</a>
<div id="showHideDiv1" style="display: none; width: 100%; height: 300px"></div>
</body>
</html>
Где new.html нужно подстраивать ссылку на сайт либо на файл с нужным содержимым.. И это прекрасно работает. Но что если мне надо вытянуть только div с определённым классом или id ? Неужели на это javascript не способен? Ну или хотя бы убирать ненужное можно? |
Так же нашёл решение как вытягивать содержание блока внутри страницы и размещать в другом месте
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
</head>
<body>
<div id="source">
<p>This is the source div.</p>
<p>It contains some text.</p>
</div>
<div id="result" style="color: red;"></div>
</body>
<script>
var html = $("#source").html();
document.getElementById("result").innerHTML = html;
</script>
</html>
|
| Часовой пояс GMT +3, время: 04:42. |