按名稱獲取 cookie 值并更改樣式 DOM 元素。我想從 cookie 中獲取阿拉伯語并將 div 的樣式更改為“dir=rtl”，但我不知道我可以在一個函式中完成此操作
<h2 class="text">{% translate 'Admin' %}</h2>
<form class="login-form" method="post">
{% csrf_token %}
<div class="login-form">
{% include 'form_login.html' with field=form.username %}
</div>
</form>
</div>
<style>
Object.defineProperty(window, "Cookies", {
get: function() {
return document.cookie.split(';').reduce(function(cookies, cookie) {
cookies[cookie.split("=")[0]] = unescape(cookie.split("=")[1]);
return cookies
}, {}); ``` there I want to get language and if this is Arabic do change of to style dir="rtl" ```
}
});
</style>
請問我該怎么做
uj5u.com熱心網友回復：
影像我們有一個帶有語言名稱的 cookie和一個帶有myDiv id的 div，如果 cookie 中的語言設定為阿拉伯語，則將其樣式更改為 rtl：
<script>
function getCookie(name) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2){
return parts.pop().split(';').shift();
}
}
const isArabic = getCookie('language') === 'Arabic';
const myDiv = document.getElementById('myDiv')
if(isArabic){
myDiv.dir = isArabic ? 'rtl' : 'ltr';
}
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/375201.html
標籤：javascript dom 饼干
上一篇：hive日期函式